www.useful-info.co.uk
Home PhotoLinks Photo Resources Aussie Links The Answers Nikon Lenses Batteries Useful-HTML Webuilder Links About

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 >
&nbsp; 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
&lt; Displays the < symbol on a webpage  
&gt; Displays the > symbol on a webpage  
&amp; Displays the & symbol on a webpage  
&copy; Displays the © symbol on a webpage  
&reg; Displays the ® symbol on a webpage  
&frac12; Displays the ½ symbol on a webpage  
&frac14; Displays the ¼ symbol on a webpage  
&frac34; Displays the ¾ symbol on a webpage  
Top of Page


 

© 2004 Christopher Lavis-Jones

 


Home PhotoLinks Photo Resources Aussie Links The Answers Nikon Lenses Batteries Useful-HTML Webuilder Links About