HTML Base Document
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <!-- This is a comment --> <!-- This is also a comment. --> <!-- You can put several tags between the opening and closing head tags. <link type="text/css" rel="stylesheet" href="http://example.com/css/style.css" /> Adds a style sheet. Just change the href attribute. <link rel="alternate" type="application/rss+xml" title="My RSS Feed" href="http://example.com/feed/" /> Adds an RSS Feed link. Just change the href and title attributes. <meta name="description" content="Helping you get the most out of your computer" /> Adds a description that search engines can easily find and read. <meta name="keywords" content="Windows,Linux,Tips,Programming" /> Adds keywords for search engine optimization. <title>Your Title Goes Here</title> The title that shows in the tab and title bar of the browser.
–>
<title>Page Title Goes Here</title>
</head>
<body>
<!–
This is what gets displayed as the web page. This is where all the magic happens.
<p>This is a paragraph. It will have a space above and below it by default.</p>
<div>This is a div. It’s the same as a paragraph, but doesn’t have the space by default.</div>
<p><b>This paragraph is bold.</b></p>
<p>Only 1 word is <b>bold</b>.</p>
<img src=”http://example.com/images/testing.jpg” />
That will put an image on the page.
<table>
<tr><td>Column 1</td><td>Column 2</td></tr>
<tr><td>2nd Row</td><td>2nd Row 2nd Column</td></tr>
</table>
That will put a 2×2 table. Add more <td>…</td> for more columns. Add more <tr>…</tr> for more rows.
<h1>Biggest Heading!</h1>
<h2>Big Heading!</h2>
<h3>Medium Heading!</h3>
…
<h6>Smallest Heading</h6>
All Headings are bold!
<ol>
<li>Number list item #1.</li>
<li>Number list item #2.</li>
<li>Number list item #3.</li>
<ol>
<ul>
<li>Bullet list item #1.</li>
<li>Bullet list item #2.</li>
<ul>
–>
</body>
</html>