This webpage creator generates a code outline for your HTML page, to which you can add your own content after the outline is pasted into your webpage HTML file. Use the tools below to add elements to your HTML code. Select an element and all its features, and the HTML, CSS, and jQuery code will automatically be added to the code window to the left. Once you have all the elements you want included on your page, select the code from the code window and copy-and-paste into an HTML file. In your HTML file, add the content you want in your page. Open your file in a browser and see how it works!

Add this item to my webpage: <div> section container paragraph break (double space) line break (single space)

Add this type of text to my webpage:

webpage title section heading Small Caps

bold text italic text underlined text

Make the text this font:

ArialComic Sans MSCourierGeorgiaHelveticaImpactPalatino LinotypeTahomaTimes New RomanTrebuchet MSVerdanaWingdings

Make the text this size:

points pixels ems

Make the text this color:

Select an image to add:

Add this image: on my webpage as the background of my webpage

Name of the website:

Website URL (link):

This link should open in: the same tab as my webpage, replacing my page a new tab, different from my webpage (recommended)

Change the color of my:

entire webpage background <div> section background <div> section text webpage title section heading

links links when you mouse over them bold text italic text underlined text

To this color:

My action narrative:

When I (choose an action) click onmouse over a(n) (choose an action item) webpage titlesection heading<div> sectionparagraphlinkbold textitalic textunderlined textsmall caps textimage, then all the (choose an action item first) on my webpage should (choose an action) alert a messagechange colorchange background colorfade infade outshow/hide automatically.