HTML Generator

Customize
Use this form to customize the code (and preview) on the right.

Heading Text:

Text:
Heading Font Family:
Heading Size:
Heading Font Variant: Small Caps
Heading Letter Spacing: pixels
Heading Alignment:
Heading color: Choose Color   [More Colors...]
Heading Background Color: Choose Color   [More Colors...]

Paragraph Text:

Text color: Choose Color   [More Colors...]
Text Background Color: Choose Color   [More Colors...]
Text:
Font Family:
Font Size:
Text Style & Weight: Italic Bold
Font Variant: Small Caps
Letter Spacing: pixels
Line Height: pixels
Text Indent:
(indents the first line)
pixels
Text Alignment:

Page Background:

Background Image:
(i.e. http://www.quackit.com/pix/smile.gif)
Background Image Repeating/Tiling:
Background Image Starting Position:
Background Image Scrolling
Background Color: Choose Color   [More Colors...]

Title & Meta Data:

Title of your web page:
Description of page content:
Keywords related to page content:
Preview
Generated HTML Code

Below is the code used in the above preview. Copy and paste this code into your HTML document.

About the HTML Codes

The HTML code on this page is provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

External Style Sheets

Most of the HTML codes on this website use inline CSS. If you intend to use the codes across your whole website, you should place the CSS into an external style sheet.

To learn more, check out this explanation of external style sheets.

Web Hosting

Our partner site, ZappyHost, is a professional web hosting company providing website hosting, domain names and related products. If you need web hosting, check them out!