Basic Information:
Note the difference between beginning and ending
Tags.<html> </html>
Begins an HTML document
<head> </head>
Offsets the title and information that isn't displayed by the page
<body> </body> Offsets
the visible areas of the document
Header Information
<title> </title>
Puts the Title of the current document into the title bar
Body Attributes
<body bgcolor=?>
Sets the background color using Hex or Dec value Information
on HEX/DEC
<body text=?>
Text color using Hex or Dec value
<body link=?>
Color of links using Hex or Dec value
<body vlink=?>
Color of followed links using Hex or Dec value
<body alink=?>
Color of link at click using Hex or Dec value
Text Information
<b> </b>
Bold text
<i> </i>
Italic text
<font size=?> </font> Size of font from 1 to
7
<font color=?> </font> Font Color
using Hex or Dec value
<pre> </pre>
Preformatted text
<h6> </h6>
Smallest headline
<hl> </hl>
Largest headline
<tt> </tt>
Typewriter style text
<cite> </cite>
Citation
<em> </em>
Emphasize a word
<strong> </strong>
Emphasize a word Strongly
Link Information
<a href="url"> </a>
Place a hyperlink
<a href="mailto:email"> </a>
Make a mailto link
<a name="name"> </a>
Create a targeted location in a page
<a href="#name"> </a>
Link to targeted location
Formatting Information
<p> </p>
Create Paragraph
<p align=?>
Align Paragraph's to left, right, or center
<br>
Line Break
<blockquote>
</blockquote>
Indent text
<dl> </dl>
Definition List
<dt>
Follows Definition Term
<dd>
Follows Definition
<ol> </ol>
Numbered List
<li> </li>
Follows list item and adds number
<ul> </ul>
Bulleted List
<div align=?>
Format large blocks of HTML often used on stylesheets
Graphic Information
<img src="nameofimage">
Add a image
<img src="nameofimage" align=?> Align
a image, right, left, bottom, top, center, middle
<img src="nameofimage" border=?> Sets size of border around an image
<hr>
Horizontal Rule this will insert it
<hr size=?>
Size of Rule "height"
<hr width=?>
Width of Rule "% or whole value"
<hr noshade>
Rule with no shadow
Tables
<table> </table>
Create a Table
<tr> </tr>
Offset rows in Table
<td> </td>
Offset cells in Row
<th> </th>
Offset Table Header
Table Attributes
<table border = # >
Width of Border around Table Cells
<table cellspacing = # >
Amount of space Between Table Cells
<table cellpadding = # >
Amount of space Between the cell's border and contents
<table width = # or % >
Width of table — in pixels or as a % of document Width
<tr align =? > or <td align = ? >
Alignment of Cell(s) (Left, Right, and Center)
<tr valign = ? > or <td valign =? >
Vertical Alignment of Cell(s) (Middle, Top, and Bottom)
<td colspan = # >
Number Columns a Cell will span
<td rowspan = # >
Number of Rows a Cell should span the default is = 1
<td nowrap>
Prevent lines from being broken, to fit within a Cell
Frames
<frameset> </frameset>
Takes the place of a <body> tag, this can also be nested in other framesets
<frameset rows="value,value">
Rows within a frameset, using number in width, %, or pixels
<frameset cols="value,value">
Columns within a frameset, using number in width, %, or pixels
<frame>
Single frame or region within a frameset
<noframes> </noframes>
Browsers that don't support frames, decides what will appear.
Frames Attributes
<frame src = "url" >
HTML document to display
<frame name = "name" >
Names a frame or region
<frame marginwidth = # >
Left and right margins must be ="equal" to or
>"greater" than 1
<frame marginheight = # >
Top and bottom margins must be ="equal to or >"greater" than 1
<frame scrolling = VALUE >
Determines if frame has a scrollbar ="equals" yes, no, or
auto." Default is auto.
<frame noresize>
Prevents resizing of a frame by the user
Forms
<form> </form>
Makes a Form
<select multiple name="name" size=?>
</select>
Makes a Scrolling Menu the size will set number of menu items to view
without having to scroll.
<option>
Offsets menu item
<select name="name">
</select>
Make a Pulldown menu
<option>
Offsets menu item
<textarea name="name" cols=40 rows=8>
</textarea>
Makes Text Box Cols ='s width & Rows ='s height
<input type="checkbox"
name="name">
Checkbox
<input type="radio"
name="name" value="x">
Radio Button
<input type=text name="name" size = 10
>
1 line text area size will determine the number of characters
<input type="submit"
value="NAME">
Submit Button
<input type="image" border=0
name="NAME" src="name.gif">Submit Button with
a image
<input
type="reset">
Reset Button
|
