Basic HTML Templates

[HTML Tag List - alphabetical]   [HTML Tags List - by function]

Required tags:  <html>, <head>, <title>, <body>.  Each has its own closing tag, also required.

(Required skeleton)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Your Page Title</title>

</head>

<body>

All visible portions of the page go here.

</body>

</html>

(A little more fleshed out)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Your Page Title</title>

</head>

<body>

<h1>Your Page Heading</h1>

<p>This is a paragraph. It can include text, images, links to other pages on your site, or links to another site. <b>This is the heart and soul of your web page.</b> You can have as many paragraphs as you want.</p>

<p>Each paragraph is enclosed in paragraph tags. If you forget to include these, your text will run together. The closing </p> tag used to be optional, but for strict HTML coding, you should use it, as your pages will validate better, and other markup languages, such as XML and XHTML, require it.</p>

<p>Here is a link to another page on this website:<br>
<a href="my2ndpage.html">Click here to see my 2nd page.</a>
</p>


<p align="center">Here is how an image is displayed:<br>
<img src="mygraphic.gif" width="88" height="31" alt="my graphic button" title="I made this button myself!"></p>

<p>Here is an image used as a link; the viewer can click on the image to activate the link:<br>
<a href="myartwork.html"><img src="othergraphics.gif" width="88" height="31" alt="Some other graphics" title="link to other graphics"></a></p>

<p>You can also break to a new line<br>
without starting a new paragraph<br>
as is being done here.<br>
</p>

<p>When you are finished inserting everything which will be seen on your page, notify the browser by closing the body tag and the html tag at the very bottom.</p>

</body>

</html>

View the source code of almost any HTML-based web page you find--no matter how complex, any well-formed page still contains the same basic structure outlined above.


Permission to copy, reproduce, distribute, or republish this page or its contents
may be requested only by writing to the author.
No other rights are stated or implied.