|
Basic HTML Tags
|
<html></html>
|
Start and End HTML document tags
|
<head></head>
|
Title and Meta information goes between these tags
|
<body></body>
|
Start and End of visible document
|
|
Header Tags
|
|
<title></title>
|
Sets the name of the document to the title bar
|
|
Body Attributes
|
<body bgcolor="#00ffff">
|
Sets the background color
|
<body text="#000000">
|
Sets the text color
|
<body link="#0000ff">
|
Sets the color of links
|
<body vlink="#000cccc">
|
Sets the color of followed links, using name or hex value
|
<body alink="#ff0000">
|
Sets the color of a link when clicked
|
|
Textual Tags
|
|
<pre></pre>
|
Makes preformatted text (Exactly as you type it)
|
|
<h#></h#>
|
Headline text: # can be from 1 (largest) to 6 (smallest)
|
|
<b></b>
|
Bold text
|
|
<i></i>
|
Italicized text
|
|
<tt></tt>
|
For teletype or typewriter-style monospaced text
|
|
<cite></cite>
|
For a citation, usually italic, depending on browser
|
|
<em></em>
|
Emphasizes a word in either italic or bold, depending on the browser (Better to use <B> or <I>
|
|
<strong></strong>
|
Emphasizes a word in either italic or bold, depending on the browser (Better to use <B> or <I>
|
|
<font size="VALUE"></font>
|
Sets the font size, from 1 to 7)
|
|
<font color=?></font>
|
Sets font color, using name or hex value
|
|
Formatting the Document
|
<p></p>
|
Starts a new paragraph - the end tag is required only after the last paragraph in a series
|
<p align=?>
|
Aligns a paragraph to the left, right, or center
|
<br>
|
Inserts a line break
|
|
<blockquote>
</blockquote>
|
indents text from both sides
|
|
<dl></dl>
|
Makes a definition list
|
|
<dt>
|
Goes before each definition term
|
|
<dd>
|
Precedes each definition
|
|
<ol></ol>
|
Makes an orders (numbered) list
|
|
<li></li>
|
Used before each item listed numbers them
|
|
<ul></ul>
|
For making Unordered Lists
|
|
<li></li>
|
Used before each item listed bullets them
|
|
<div align=?>
|
Division tag for formatting blocks of HTML and stylesheets
|
|
Image Elements
|
|
<img src="../NAME">
|
Inserts an image
|
|
<img src="../name" align="POSITION">
|
Aligns an image to the LEFT, RIGHT, or CENTER
|
|
<img src="../name" valign="POSITION">
|
Aligns an image to TOP, BOTTOM OR MIDDLE
|
|
<img src="../name" border="VALUE">
|
Border thickness of an image in pixels
|
|
<hr>
|
Inserts a Horizontal Rule: end tags are forbidden
|
|
<hr size="VALUE">
|
Sets height of Horizontal Rule
|
|
<hr width="VALUE">
|
Sets Horizontal Rule width in percentage or pixels
|
|
<hr noshade>
|
Makes a rule without a shadow
|
|
Links
|
|
<a href="URL"></a>
|
Makes a hyperlink
|
<a href="mailto:email@whatever">
</a>
|
E-Mail link
|
<a name="NAME"></a>
|
Used to target a location in a document
|
<a href="#NAME"></a>
|
Links to that target location from elsewhere in the document
|
|
Tables
|
|
<table></table>
|
Table Begin and End tags
|
|
<tr></tr>
|
Start and end tags for each row in a table
|
|
<td></td>
|
Start and end tags for each cell in a row
|
|
<th></th>
|
Makes a table header; default is a spanning cell with bold text, centered
|
|
Table Attributes
|
|
<table border="VALUE">
|
Width of borders around cells in pixels
|
|
<table cellspacing="VALUE">
|
Amount of space between table cells in pixels
|
|
<table cellpadding="VALUE">
|
Amount of space between a cell's border and its contents in pixels
|
|
<table width="pixels or %">
|
Sets width of table - in pixels or as a percentage of container width
|
|
<tr align="X">
|
Define horizontal alignment for cells. 'X'= left, center, right
|
|
<tr valign="X">
|
Define vertical alignment for cells. 'X'= top, middle, bottom
|
|
<td colspan="VALUE">
|
Sets number of columns a cell should span
|
|
<td rowspan="VALUE">
|
Sets the number of table rows a cell should span; the default is 1
|
|
<td nowrap>
|
Prevents lines within a cell from being wrapped (broken)
|
|
Frames
|
|
<frameset></frameset>
|
Frameset tag ; can be nested in other framesets
|
|
<frameset rows="VALUE">
|
Defines the rows within a frameset in pixels or percentage
|
|
<frameset cols="VALUE">
|
Defines the columns within a frameset in pixels or percentage
|
|
<frame>
|
Defines a single frame - or region - within a frameset
|
|
<noframes></noframes>
|
Defines what will appear on browsers that don't support frames
|
|
Frames Attributes
|
|
<frame src="../URL">
|
URL of HTML document to be loaded
|
|
<frame name="NAME">
|
Sets the frames name or region; used for targeting by other frames
|
|
<frame marginwidth=#>
|
Sets the left and right margins for the frame. Must be at least 1 or more
|
|
<frame marginheight=#>
|
Sets the top and bottom margins of a frame. Must be at least 1 or more
|
|
<frame scrolling="YES,NO,AUTO">
|
Determines if the frame has a scrollbar. Default is AUTO.
|
|
<frame noresize>
|
Prevents the user from resizing a frame
|
Forms
(You'll also need a CGI script to use regular HTML forms.)
|
|
<form></form>
|
Makes all forms
|
|
<option>
|
For each menu item
|
|
<select name="NAME"></select>
|
Makes a pulldown menu
|
|
<textarea name="NAME" cols=40 rows=8></textarea>
|
Makes a text box area. Col= column width. Rows= height.
|
|
<input type="checkbox" name="NAME">
|
Makes a checkbox. Text follows tag.
|
|
<input type="radio" name="NAME" value="TEXT">
|
Makes a radio button.
|
|
<input type=text name="foo" size=20>
|
Makes a one-line text box. Size is number of chars.
|
|
<input type="submit" value="NAME">
|
Makes a Submit button
|
|
<input type="image" border=0 name="NAME"
src="../name.gif">
|
Submit button with an image
|
|
<input type="reset">
|
Reset for the form
|
