Basic HTML Tags
Skeleton
- <html>
- <head>
- <title>Title bar title</title>
- </head>
-
- <body>
-
- </body>
-
- </html>
Text
- <h1>Level 1 Heading</h1> (h1 thru h6 - h1 largest, h6 smallest)
- <h1 align="center">Level 1 Heading</h1> (center the heading)
- <p>Text...</p> (writing a paragraph)
- <br> (line break)
- <center>Text...</center> (center text)
- <b>Text...</b> (bold)
- <i>Text...</i> (italics)
- <u>Text...</u> (underline)
- <font color="blue" size="+2" face="Verdana">Text...</font>
- (space)
- <p></p> (blank line)
- <p> </p> (3 blank lines)
Anchors & Links
- <a href="http://google.com">Google</a> (hyperlink)
- <a href="picture1.jpg">Picture1</a> (link to display an image)
- <a href="mailto:ed@npr.org">Email Me</a> (link to an email address)
- <a href="clcnotes/notes1.html">CLC Notes1</a> (link to a file in a subdirectory)
- <a href="#top">Go to top</a> (link to jump to top (see next link))
- <a name="top"></a> (see link above)
Images
- <img src="picture1.jpg" border="0"> (display an image directly)
- <a href="picture1.jpg">Picture1</a> (link to an image)
- <a href="picture1.jpg"><img src="picture1_t.jpg"></a> (thumbnail link to an image)
Lists
- <ul type="disc"> (unordered list, type="disc", "square", or "circle")
- <li>List item 1</li> (items may be text, links, images...)
- <li>List item 2</li>
- <li>...</li>
- </ul>
- <ol type="1"> (ordered list, type="1", "a", "A", "i" or "I")
- <li>List item 1</li> (items may be text, links, images...)
- <li>List item 2</li>
- <li>...</li>
- </ol>
- <dl> (definition list)
- <dt>Term 1</dt>
- <dd>Data 1</dd>
- <dd>Data 2</dd>
- <dd>...</dd>
- <dt>Term 2</dt>
- <dd>Data 1</dd>
- <dt>...</dt>
- <dd>...</dd>
- </dl>
Tables
- <table border="1" cellspacing="n" cellpadding="n" bgcolor="color">
- <tr>
- <td>Row 1 Column 1 data</td>
- <td>Row 1 Column 2 data</td>
- </tr>
- <tr>
- <td>Row 2 Column 1 data</td>
- <td>Row 2 Column 2 data</td>
- </tr>
- </table>
Miscellaneous
- <!-- Comments -->
- <hr size="n" color="n" width="n"> (horizontal rule)
- <body bgcolor="color" background="filename" text="color">
- (color=black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal, aqua) (also cyan, magenta)
- <basefont size="size"> (size=1 thru 7 or size=+2, -2, etc - default size=3)