HTML

HTML is used for describing how data should be displayed on the page by a web browser. It uses Tags in which to nest data or other tags and data. By reading the tags the browser can display the data as intended by the author

Navigational links within this page
Structure	Formatting	Hyperlinks
Images	Forms	Tables
Miscellaneous	Colours	Symbols

Tags	Function	Notes
Structure
<HTML> </HTML>	Specifies the start and finish of a HTML Document
<HEAD> </HEAD>	Contains head information
<TITLE> </TITLE>	Defines HTML page title
<META NAME="DESCRIPTION" CONTENT="Description of website">	Information for Search Engines
<META NAME="KEYWORDS" CONTENT="Keyword, Keyword, Keyword, ">	Keywords for Search Engines
<font face="font name 1, font name 2, font name 3">	Defines the font used to display text	Displays using font 1, if font 1 not present on local computer, displays using font 2 etc. The fonts listed for this webpage are Arial, Tahoma, Helvetica
<BODY> </BODY>	Defines the body area of the document to be displayed
BGCOLOR="#??????"	Defines the background colour for a page when placed within the body Tag	eg <BODY BGCOLOR="#??????"> entering hexadecimal values in place of ? see Colours
<P> </P>	Paragraph definition tags
<UL> </UL>	Unordered list	Bullet Points eg. <UL><LI>List item 1</LI> <LI>List item 2</LI></UL>
<OL> </OL>	Ordered list	Numbers eg. <OL><LI>List item 1</LI> <LI>List item 2</LI></OL>
<LI> </LI>	List item	Used to add Items to be listed within the List tags see above
<PRE> </PRE>	Displays preformatted text
<DIV> </DIV>	Text division
<CENTER> </CENTER>	Centres text
<BLOCKQUOTE> </BLOCKQUOTE>	Indents text
Top of Page
Formatting
<H1> </H1>	Header size 1
<H2> </H2>	Header size 2
<H3> </H3>	Header size 3
<H4> </H4>	Header size 4
<H5> </H5>	Header size 5
<H6> </H6>	Header size 6
<FONT> </FONT>	Font size, colour etc	This tag can include COLOR=""; SIZE="" etc
FACE="Value"	Specify's the font face to be used in order of preference ie if the computer displaying the html file has Value1 font loaded on it the text would display using Value1 font if not it defaults to the Value1 font etc	eg <FONT FACE="Value1, Value2, Value3"> where Values 1-3 are font names ie (Arial, Tahoma, Helvetica etc)
SIZE=Value	Increase or decrease the font size (-3, -2, -1, +1, +2, +3)	eg <FONT SIZE=Value>
<B> </B>	Bold text
<I> </I>	Italic text
<U> </U>	Underlined text
<STRIKE> </STRIKE>	Strikethrough text
<SUB> </SUB>	Subscript text
<SUP> </SUP>	Superscript text
<EM> </EM>	Emphasised text
<STRONG> </STRONG>	Strong text
<BIG> </BIG>	Increas font size
<SMALL> </SMALL>	Decrease font size
<TT> </TT>	Use typewriter font
Top of Page
Hyperlinks
<A href="Link">Title</A>	Hyperlink	Link must include http:// before the www. to work
<A NAME="anchor point name">optional displayed text</a>	Provides and anchor point within a page
<A HREF="#anchor point name">displayed text</a>	Provides a hyperlink to return to the anchor point within a page
Top of Page
Images
< IMG SRC="File Name">	Image
IMG BORDER=Value	Border Attribute used in image tag. Tag Value must be an interger.	Without border attribute value defaults to 1. Value of 0 = no border. eg. <IMG BORDER=Value IMG SRC="File Name">
ALT=Text	Alternative Text Attribute used in image tag	eg. < IMG src="File Name" ALT=Text>
ALIGN=Value	Align Image Attribute used in image tag. Also tells browser to wrap text round image	Value can be LEFT, CENTER or RIGHT eg< IMG SRC="File Name" ALIGN=Value>
HSPACE=Value	Attribute of image tag specifying the amount of horizontal space surrounding an Image.	Value in Pixels
VSPACE=Value	Attribute of image tag specifying the amount of vertical space surrounding an Image.	Value in Pixels
HEIGHT=Value	Attribute of image tag specifying a set height for an image to be displayed.	Value in Pixels
WIDTH=Value	Attribute of image tag specifying a set width for an image to be displayed.	Value in Pixels
Top of Page
Forms
<FORM> </FORM>	Defines a fill-in form
<INPUT>	Input field
<SELECT> </SELECT>	Defines a menu
<OPTION>	Specifies an option in a menu
<TEXTAREA> </TEXTAREA>	Defines a multi-line text box
Top of Page
Tables
<TABLE> </TABLE>	Defines a table
<CAPTION> </CAPTION>	Table caption
<TR> </TR>	Table row
<TH> </TH>	Table header
<TD> </TD>	Table cell
ALIGN=Value	Align Attribute (CENTER, LEFT, RIGHT)	Placed within the table tag aligns whole table. eg <TABLE ALIGN=Value>
WIDTH=Value	Width Attribute (% of page or no of pixels)	Placed within the table tag specify's the overall width of the table eg <TABLE ALIGN=Value WIDTH=Value >
BORDER=Value	Border Attribute (0, 1, 2, etc)	Placed within the table tag specify's the size of border used for the cells of the table (eg <TABLE ALIGN=Value WIDTH=Value BORDER=Value >
	Specifies a blank cell when placed in a table cell
Top of Page
Miscellaneous
<HR>	Horizontal rule
<BR>	Line break
<!-- -->	Comment
Top of Page
Colours
COLOR="#FF0000"	Red	Red
COLOR="#00FF00"	Green	Green
COLOR="#0000FF"	Blue	Blue
COLOR="#FFFF00"	Yellow	Yellow
COLOR="#FF00FF"	Cyan	Cyan
COLOR="#FF00FF"	Magenta	Magenta
COLOR="#FFA500"	Orange	Orange
COLOR="#000080"	Navy	Navy
COLOR="#808080"	Grey	Grey
COLOR="#000000"	Black	Black
COLOR="#FFFFFF"	White	White
Top of Page
Symbols
<	Displays the < symbol on a webpage
>	Displays the > symbol on a webpage
&	Displays the & symbol on a webpage
©	Displays the © symbol on a webpage
®	Displays the ® symbol on a webpage
½	Displays the ½ symbol on a webpage
¼	Displays the ¼ symbol on a webpage
¾	Displays the ¾ symbol on a webpage
Top of Page

Tags Function Notes
Structure

<HTML> </HTML> Specifies the start and finish of a HTML Document

<HEAD> </HEAD> Contains head information

<TITLE> </TITLE> Defines HTML page title

<META NAME="DESCRIPTION" CONTENT="Description of website"> Information for Search Engines

<META NAME="KEYWORDS" CONTENT="Keyword, Keyword, Keyword, "> Keywords for Search Engines

<font face="font name 1, font name 2, font name 3"> Defines the font used to display text Displays using font 1, if font 1 not present on local computer, displays using font 2 etc. The fonts listed for this webpage are Arial, Tahoma, Helvetica

<BODY> </BODY> Defines the body area of the document to be displayed

BGCOLOR="#??????" Defines the background colour for a page when placed within the body Tag eg <BODY BGCOLOR="#??????"> entering hexadecimal values in place of ? see Colours

<P> </P> Paragraph definition tags

<UL> </UL> Unordered list Bullet Points eg. <UL><LI>List item 1</LI> <LI>List item 2</LI></UL>

<OL> </OL> Ordered list Numbers eg. <OL><LI>List item 1</LI> <LI>List item 2</LI></OL>

<LI> </LI> List item Used to add Items to be listed within the List tags see above

<PRE> </PRE> Displays preformatted text

<DIV> </DIV> Text division

<CENTER> </CENTER> Centres text

<BLOCKQUOTE> </BLOCKQUOTE> Indents text

Top of Page

Formatting

<H1> </H1> Header size 1

<H2> </H2> Header size 2

<H3> </H3> Header size 3

<H4> </H4> Header size 4

<H5> </H5> Header size 5

<H6> </H6> Header size 6

<FONT> </FONT> Font size, colour etc This tag can include COLOR=""; SIZE="" etc

FACE="Value" Specify's the font face to be used in order of preference ie if the computer displaying the html file has Value1 font loaded on it the text would display using Value1 font if not it defaults to the Value1 font etc eg <FONT FACE="Value1, Value2, Value3"> where Values 1-3 are font names ie (Arial, Tahoma, Helvetica etc)

SIZE=Value Increase or decrease the font size (-3, -2, -1, +1, +2, +3) eg <FONT SIZE=Value>

<B> </B> Bold text

<I> </I> Italic text

<U> </U> Underlined text

<STRIKE> </STRIKE> Strikethrough text

<SUB> </SUB> Subscript text

<SUP> </SUP> Superscript text

<EM> </EM> Emphasised text

<STRONG> </STRONG> Strong text

<BIG> </BIG> Increas font size

<SMALL> </SMALL> Decrease font size

<TT> </TT> Use typewriter font

Top of Page

Hyperlinks

<A href="Link">Title</A> Hyperlink Link must include http:// before the www. to work

<A NAME="anchor point name">optional displayed text</a> Provides and anchor point within a page

<A HREF="#anchor point name">displayed text</a> Provides a hyperlink to return to the anchor point within a page

Top of Page

Images

< IMG SRC="File Name"> Image

IMG BORDER=Value Border Attribute used in image tag. Tag Value must be an interger. Without border attribute value defaults to 1. Value of 0 = no border. eg. <IMG BORDER=Value IMG SRC="File Name">

ALT=Text Alternative Text Attribute used in image tag eg. < IMG src="File Name" ALT=Text>

ALIGN=Value Align Image Attribute used in image tag. Also tells browser to wrap text round image Value can be LEFT, CENTER or RIGHT eg< IMG SRC="File Name" ALIGN=Value>

HSPACE=Value Attribute of image tag specifying the amount of horizontal space surrounding an Image. Value in Pixels

VSPACE=Value Attribute of image tag specifying the amount of vertical space surrounding an Image. Value in Pixels

HEIGHT=Value Attribute of image tag specifying a set height for an image to be displayed. Value in Pixels

WIDTH=Value Attribute of image tag specifying a set width for an image to be displayed. Value in Pixels

Top of Page

Forms

<FORM> </FORM> Defines a fill-in form

<INPUT> Input field

<SELECT> </SELECT> Defines a menu

<OPTION> Specifies an option in a menu

<TEXTAREA> </TEXTAREA> Defines a multi-line text box

Top of Page

Tables

<TABLE> </TABLE> Defines a table

<CAPTION> </CAPTION> Table caption

<TR> </TR> Table row

<TH> </TH> Table header

<TD> </TD> Table cell

ALIGN=Value Align Attribute (CENTER, LEFT, RIGHT) Placed within the table tag aligns whole table. eg <TABLE ALIGN=Value>

WIDTH=Value Width Attribute (% of page or no of pixels) Placed within the table tag specify's the overall width of the table eg <TABLE ALIGN=Value WIDTH=Value >

BORDER=Value Border Attribute (0, 1, 2, etc) Placed within the table tag specify's the size of border used for the cells of the table (eg <TABLE ALIGN=Value WIDTH=Value BORDER=Value >

  Specifies a blank cell when placed in a table cell

Top of Page

Miscellaneous

<HR> Horizontal rule

<BR> Line break

 Comment

Top of Page

Colours

COLOR="#FF0000" Red Red

COLOR="#00FF00" Green Green

COLOR="#0000FF" Blue Blue

COLOR="#FFFF00" Yellow Yellow

COLOR="#FF00FF" Cyan Cyan

COLOR="#FF00FF" Magenta Magenta

COLOR="#FFA500" Orange Orange

COLOR="#000080" Navy Navy

COLOR="#808080" Grey Grey

COLOR="#000000" Black Black

COLOR="#FFFFFF" White White

Top of Page

Symbols

< Displays the < symbol on a webpage

> Displays the > symbol on a webpage

& Displays the & symbol on a webpage

© Displays the © symbol on a webpage

® Displays the ® symbol on a webpage

½ Displays the ½ symbol on a webpage

¼ Displays the ¼ symbol on a webpage

¾ Displays the ¾ symbol on a webpage

Top of Page