HTML / HTM Tags Explained
|
Basic Tags
|
<html>
Begins an HTML document
|
</html>
Ends an HTML document
|
<title></title>
The name typed between these two tags puts the NAME of the document in the title bar
|
<head>
This tag starts the section of information that isn't displayed on the Web page itself
|
</head>
This tag ends the section of information that isn't displayed on the Web page itself
|
<body></body>
This tag starts the visible portion of the program
|
<body></body>
This tag ends the visible portion of the program
|
Body Attributes
|
<body bgcolor=?>
This tag determines the background color of the page's background, using the color name or hex value
|
<body text=?>
This tag determines the text color, using the color name or hex value
|
<body link=?>
This tag determines the color of links, using the color name or hex value
|
<body vlink=?>
the color of followed links, using the color name or hex value
|
<body alink=?>
This tag determines the color of links on click, using the color name or hex value
|
Text Tags
|
<pre></pre>
This text between these tags creates preformatted text
|
<hl></hl>
This text between these tags creates the largest headline
|
<h6></h6>
This text between these tags creates the smallest headline
|
<b></b>
This text between these tags creates bold text
|
<i></i>
This text between these tags creates italic text
|
<tt></tt>
This text between these tags creates teletype, or typewriter-style text
|
<cite></cite>
This text between these tags creates a citation, usually italic
|
<em></em>
These tags start and stop emphasizing text with italic or bold face type.
|
<strong></strong>
These tags start and stop emphasizing text with italic or bold face type.
|
<font size=?></font>
These tags start and stop the size of font, from 1 to 7)
|
<font color=?></font>
These tags start and stop the font color, using color name or hex value
|
Links
|
<a href="URL"></a>
The text between these tags creates a hyperlink
|
<a href="mailto:EMAIL"></a>
The text between these tags creates a mailto link
|
<a name="NAME"></a>
The text between these tags creates a target location within a document
|
<a href="#NAME"></a>
The text between these tags links to that target location from somewhere else in the document
|
Formatting
|
<p></p>
These tags start and stop a new paragraph
|
<p align=?>
This tag will align a paragraph to the left, right, or center of the page.
|
<br>
Thia tag stops a line and jumps to the next line.
|
<blockquote>
</blockquote>
Everything between these tags in indented from both sides of the page
|
<dl></dl>
These tags start and stop a definition list
|
<dt>
This tag precedes each definition term
|
<dd>
This tag precedes each definition
|
<ol></ol>
This tag creates a numbered list
|
<ul></ul>
This tag creates a bulleted list
|
<li></li>
This tag in front of each list item adds the number or bullet in front of the item
|
<div align=?>
This is a generic tag that is used to format large blocks of HTML. It is also used in stylesheets
|
Graphical Elements
|
<img src="name">
This tag places a graphic image on the page
|
<img src="name" align=?>
This tag can align the graphic image to the left, right, center; bottom, top, middle
|
<img src="name" border=?>
This tag governs the size of a border around an image
|
<hr>
This tag inserts a horizontal rule on the page
|
<hr size=?>
This tag sets the height of rule
|
<hr width=?>
This tag sets width of rule, in either a percentage or a numerical value
|
<hr noshade>
This tag creates a solid color rule
|
Tables
|
<table></table>
These tags create and stop a table
|
<tr></tr>
The tags start and stop each row in a table
|
<td></td>
These tags start and stop each cell in a row
|
<th></th>
These tags start and stop the table header with bold, centered text in a normal cell
|
Table Attributes
|
<table border=#>
This tag sets the width of a border around the table
|
<table cellspacing=#>
This tag sets the amount of space between the table cells and between the cells and the border
|
<table cellpadding=#>
This tag sets the amount of space sourounding the contents within a the cells
|
<table width=# or %>
This tag sets the width of the table in pixels or as a percentage of the page width
|
<tr align=?> or <td align=?>
This tag sets alignment of the cells contents to the left, center, or right of the cell
|
<tr valign=?> or <td valign=?>
This tag sets the vertical alignment of the contents of the cells to the top, middle, or bottom of the cell
|
<td colspan=#>
This tag will set the number of columns a cell is to span
|
<td rowspan=#>
This tag will set the number of rows a cell is to span (the default number is 1)
|
<td nowrap>
This tag prevents the lines within a cell from being broken to fit the cell
|
Frames
|
<frameset></frameset>
This tag replaces the <body> tag in a frames document; can also be nested in
other framesets
|
<frameset rows="value,value">
This tag defines the rows within a frameset, using number in pixels, or percentage of
w idth
|
<frameset cols="value,value">
This tag defines the columns within a frameset, using number in pixels, or percentage of
width
|
<frame>
This tag defines a single frame — or region — within a frameset
|
<noframes></noframes>
This tag defines what will appear on browsers that don't support frames
|
Frames Attributes
|
<frame src="URL">
This tag specifies which HTML document should be displayed
|
<frame name="name">
This tag names the frame, or region, so it may be targeted by other frames
|
<frame marginwidth=#>
This tag defines the left and right margins for the frame; must be equal to or greater
than 1
|
<frame marginheight=#>
This tag defines the top and bottom margins for the frame; must be equal to or greater
than 1
|
<frame scrolling=VALUE>
This tag sets whether the frame has a scrollbar; value may equal "yes,"
"no," or "auto." The default, as in ordinary documents,
is auto.
|
<frame noresize>
This tag prevents the user from resizing a frame
|
Forms
For
functional forms, you'll have to run a CGI script.
The HTML just creates the appearance of a form.
|
<form></form>
These tags start and end all forms
|
<select multiple name="NAME" size=?></select>
This tag creates a scrolling menu. Size sets the number of menu items visible before
you need to scroll.
|
<option>
This tag sets off each menu item
|
<select name="NAME"></select>
This tag creates a pulldown menu
|
<option>
This tag sets off each menu item
|
<textarea name="NAME" cols=40
rows=8></textarea>
This tag creates a text box area. Columns set the width; rows set the height.
|
<input type="checkbox" name="NAME">
This tag creates a checkbox. Text follows tag.
|
<input type="radio" name="NAME"
value="x">
This tag creates a radio button. Text follows tag
|
<input type=text name="foo" size=20>
This tag creates a one-line text area. Size sets length, in characters.
|
<input type="submit" value="NAME">
This tag creates a Submit button
|
<input type="image" border=0
name="NAME" src="name.gif">
This tag creates a Submit button using an image
|
<input type="reset">
This tag creates a Reset button
|