Basic HTML Document Tags

h1:  This makes a headline.  There are also h2-h7 that make smaller
headlines. All have the same attribute, align.  

align:  "center" "left" "right"

usage example:  <h1 align = "right">Stuff</h1>



font:  This allows you to alter the color or size of the font.

color: specify a hex code or a named color
size:  1-7

usage example:  <font size = 5>platypus</font>



p: makes a new paragraph

align:  "left" "right" "center"



body:  This demarcates the body of the html document.  The
body of the document appears in the browser window.


bgcolor:  specify a color
text:  specifiy a color
link:  link color
alink:  color of active link
vlink: color of visitied link
background:  filename for repeating image



Here are four useful tags for changing the font can be used to
separate or set off page elements.


b: bold
i: italic
tt: typewriteer (courier) font
u: underline



These tags can be used to separate or set off page elements.

hr:  horizontal rule
br:  force a line break

It is an example of a self-closing tag; you use it like this

<hr />

Notice the space before the slash!



blockquote:  does a block quotation


pre:  preformatted text

This tag places the text on the screen exactly as you type it.
The text is shown in typewriter font.



a:  anchor tag.  This allows you to create a link

href = a url or a file

Usage examples
<a href = "http://www.straightdope.com">
Here is an internet link with absolute path<a>.
<a href = "mailto:morrison@ncssm.edu">Here is a mailto link.
path<a>.
<a href = "boffo.html">Here is a link to a file in the same
directory as your page. <a>



ul:  Make an unordered (bulletpointed) list



ol:  make an ordered (numbered) list.  The numbers occur
consecutively.


li:  list item; item on list

Here we show usage example for an ordered list

<ol>
<li>  Derrick's sock drawer</li>
<li>  Jim Litle's Office</li>
<li>  Dr. Morrison's holeInTheWall</li>
</ol>


table:  this begins a table.  


bgcolor: takes a hex code or named color for table background
border: a small integer, draws a border around the table cells
cellspacing:  controls spacing of cells, integer in pixels
cellpadding:  controls margins within cells, integer in pixels


 
tr:  table row, demarcates the rows of a table

bgcolor: background color for the table row



th:  table heading. font is bold. Used in first table row.



td: table data, stuff inside a single table cell


Here is an example table

<table align = "center" border = "1">
<tr><th>Cow</th><th>Pig</th><th>Snake</th></tr>
<tr><td>Mooo!!</td><td>Reet! Snuffle!! Snort!</td><td>thippa-thippa</td></tr>
</table>

gives you this table

img:  include an image in your document

align aligns image "right", "left", or "center"
src: filename or URL for the image

usage example: <img src = "http://neverland.ncssm.edu/~morrison/rhino.gif" />

Notice that img is a self-closing tag!

• Web Monkey has a wealth of infomation on html, web design, and javascript. It also has a cheatsheet that shows all html tags and their attributes.
• The PHP Site tells about PHP, a language that allows you to dynamically generate web content. This can add great usefulness to web pages!
• Get ahold of the "flamingo book", Dynamic HTML: A Definitive Guide, which is publshed by O'Reilly Associates

Back to the index page