|
|
Html Quick Reference Not a definitive guide, But A simple reference sheet of some commonly used html tags
Main Tags
Compulsary tags in a html document.
|
|
|
<html>...</html> |
Start and End of a html document
|
<head>...</head> |
For non-displayed document information
|
|
<body>...</body> |
Defines the viewed document area
|
|
Attributes name
|
Description
|
|
background="???"
bgcolor="???"
text ="???"
link="???"
vlink ="???"
alink="???"
|
Relative filename of background
image
background colour
text colour
links colour
visited links colour
active link colour
|
Header Tags (In between <head> and </head>)
|
|
|
|
<title> ...</title>
|
Puts the name of the document in the title bar
|
|
<meta> |
Adds extra information to document |
|
Examples: <meta name = "author" content"Mr Web
Author"> <meta name = "keywords" content="Website,
Reference, HTML"> <meta name = "description"
content="html simple reference sheet"> |
Body Tags (In between <body> and </body>)
Text Tags
|
|
|
|
<hl> ...</hl>
|
Highest heading level
|
|
to
|
|
<h6> ...</h6>
|
Lowest heading level
|
|
<b> ...</b>
|
classified as Typographic Elements -Bold text
|
|
<i> ...</i>
|
classified as Typographic Elements - Italic text
|
|
<strong>...< /strong>
|
classified as Idiomatic Elements also makes Bold text
|
|
<em> ...</em>
|
classified as Idiomatic Elements also Italic text
|
|
<tt> ...</tt>
|
Teletype mono-spaced text
|
|
<cite> ...</cite>
|
Citation, usually italics
|
|
<big> ...</big>
|
big font
|
|
<small>...</small>
|
small font
|
|
<strike> ...</strike>
|
Text with a line through it
|
|
<pre> ...</pre>
|
Pre-formatted text
|
|
<font> ...</font> |
Font formatting
|
|
Attribute Name
|
Description
|
|
size = "???"
|
Relative font size (1 to 7)
|
|
color = "???"
|
Text colour
|
|
face = "???"
|
Font face
|
|
Notes: <font> tags are now superseded with css
|
Formatting
|
|
|
|
<p> ... </p> |
New paragraph
|
|
Attribute Name
|
Description
|
|
align = "???"
color = "???"
|
Horizontal alignment (left, right or center)
Text colour
|
|
<br>
|
Line break
|
|
<center> ...</center>
|
Centres text and other objects (deprecated)
|
|
<blockquote> ... </blockquote>
|
Indents text left and right
|
|
<dl> ...</dl>
|
A definition list
|
|
<dt> ...</dt>
|
Term in a definition list
|
|
<dd> ...</dd>
|
Definition hi a definition list
|
|
<ol> ...</ol>
|
Numbered list
|
|
<ul> ...</ul>
|
Bulleted list
|
|
<li> ...</li>
|
Precedes each list item, bullet for UL and numbered for OL
|
|
<span> ...</span>
|
Tag used to format characters in a line of text
|
|
<div> ...</div> |
Tag used to format large blocks of HTML, also used for
stylesheets
|
|
Attributes Name
|
Description
|
|
align = "???"
|
Horizontal alignment (left, right or center)
|
|
<hr> |
A horizontal rule
|
|
Attributes Name
|
Description
|
|
size = "???"
|
Height of rule
(pixels)
|
|
width = "???"
|
width of rule
(percentage
|
|
noshade = "???"
|
A rule without a
shadow
|
| | | | |
Links
|
|
|
|
<a> ...</a> |
Link to Resource or webpage
|
|
Attributes Name
|
Description
|
|
href = "???"
|
URL to document or Resource (required)
|
|
href = "mailto:???"
|
A link to an email address
|
|
name = "???"
|
Defines an a place in the web document
|
|
href = "#???"
|
A link that goes to a place in a document as defiend by
name
|
|
title ="???"
|
Description of link.
|
Pictures and Images
|
|
|
|
<img> |
An image tag
|
|
Attributes Name
|
Description
|
|
src = "???"
|
Relative filename of image (required)
|
|
alt = "???"
|
Alternate text description of image for non-visual
|
|
align = "???"
|
Position relative to surrounding text (left, right,
center; bottom, top)
|
|
width = "???"
|
width of image in pixels
|
|
height = "???"
|
Height of image in pixels
|
|
border="???"
|
Border size around image in pixels
|
Tables
|
|
|
|
<table>...</table> |
Creates a table
|
|
Attributes Name
|
Description
|
|
width = "???"
|
width of table (percentage or pixels)
|
|
height = "???"
|
Height of table (percentage or pixels)
|
|
cellpadding = "???"
|
Space around each cell outside border (pixels)
|
|
cellspacing = "???"
|
Space from text to border inside cell (pixels)
|
|
border = "???"
|
Border around cells (pixels)
|
|
<tr> ...</tr> |
Row in a table
|
|
Attributes Name
|
Description
|
|
height = "???"
|
Height of cells in row (percentage or pixels)
|
|
align = "???"
|
Horizontal alignment for cell (left, center or right)
|
|
valign = "???"
|
Vertical alignment for cells in row (top, middle or
|
|
<td> ...</td> |
Cell in a row
|
|
Attributes Name
|
Description
|
|
width = "???"
|
width of column (percentage or pixels)
|
|
align = "???"
|
Horizontal alignment for cell (left, center or right)
|
|
valign = "???"
|
Vertical alignment for cell (top, middle or bottom)
|
|
colspan = "???"
|
Number of columns cell spans (default=l)
|
|
nowrap
|
Number of rows cell spans (default=l ) Prevents text wrap
in cell
|
|
<th> ...</th>
|
Table header (a normal cell with bold, centered text ) Attributes
same as td
|
Comments (Anywhere in a Document)
|
|
|
|
<!-- ??? -->
|
Text enclosed by this is ignored by browser
|
|
|
| outrun.com.au © 2005 |
