# html-constructor

> This is a node module that helps with constructing HTML pages

Latest version **1.0.3** (published 2020-06-29) · ISC license · 0 weekly downloads

## Install

```sh
npm install html-constructor
pnpm add html-constructor
yarn add html-constructor
bun add html-constructor
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2020-06-29 |
| First published | 2020-06-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | dakokonutboi |

## Links

- npm: https://www.npmjs.com/package/html-constructor
- Repository: https://github.com/dakokonutboi/node-html-constructor
- Homepage: https://github.com/dakokonutboi/node-html-constructor#readme
- Issues: https://github.com/dakokonutboi/node-html-constructor/issues
- npm.io page: https://npm.io/package/html-constructor

## Recent versions

- 1.0.3 (latest) — 2020-06-29
- 1.0.1 — 2020-06-07
- 1.0.0 — 2020-06-07

## README

# node-html-constructor
## Getting started
```js
const html = require("html-constructor")

let page = html.Document(
  html.Tag("head",
    html.Tag("title", "Test webpage") +
    html.UniTag("link", {rel: "stylesheet", href: "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css", integrity: "sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk", crossorigin:"anonymous"})
  ),
  html.Tag("body",
    html.Tag("h1", "This is a test webpage") +
    html.Tag("h3", "Smaller header") +
    html.Tag("p", "Paragraph : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent auctor justo at nulla maximus, vel laoreet massa pharetra. Sed luctus turpis sit amet elementum euismod. Integer at ipsum luctus, tincidunt turpis eget, rhoncus nisi. Vestibulum sed malesuada odio. Mauris porta libero id orci feugiat consectetur. Aliquam vel dignissim sem. Maecenas dignissim ipsum elementum hendrerit cursus.") +
    html.UniTag("img", {src: "https://image.flaticon.com/icons/png/512/103/103077.png"})
  )
)

console.log(page)
```
Gives
```html
<!DOCTYPE html>
<html ><head ><title >Test webpage</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" >
</head>
<body ><h1 >This is a test webpage</h1>
<h3 >Smaller header</h3>
<p >Paragraph : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent auctor justo at nulla maximus, vel laoreet massa pharetra. Sed luctus turpis sit amet elementum euismod. Integer at ipsum luctus, tincidunt turpis eget, rhoncus nisi. Vestibulum sed malesuada odio. Mauris porta libero id orci feugiat consectetur. Aliquam vel dignissim sem. Maecenas dignissim ipsum elementum hendrerit cursus.</p>
<img src="https://image.flaticon.com/icons/png/512/103/103077.png" >
</body>
</html>
```

---
_Source: https://npm.io/package/html-constructor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._