HTML tags (alphabetical)
HTML Tags
Choose a letter
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A
...
B
... ... ...
C... ...
D
... ... ...
E
...
F
... ...
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (1 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)
G
H
... I ...![]()
J
K
L
...
M
N
...
O
... ... ... ... ... ...
T
...
... ... ... ... ...
U
...
Forces a line break. This tag is one sided - it does not act on anything. ● CLEAR="..." - NONE, LEFT, RIGHT or ALL, sets the location of the start of the next line...
Table caption
Attributes
● ALIGN="..." - TOP, BOTTOM, LEFT, CENTER or RIGHT
...
Will centre (horizontally) information inside the tags - this tag has been deprecated.
...
Definition term for glossary or definition lists, ...
Surrounds directory lists, uses ...
... , and definition tags,
...
...
Definition list term for glossary or definition lists,
Horizontal Rule - inserts a horizontal line across the screen placing everything before it above the line, and everything after in below the line. Usually there will be some blank space inserted above and below it automatically by the browser. This is a one sided tag - it doesn't act on anything. ●ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY ●NOSHADE="..." - rule is a solid color, not shaded ●SIZE="..." - the size (height) of the horizontal rule ●WIDTH="..." - the width of the horizontal rule ... Italic Text![]()
...
Images can be included using the ![]()
tag.
●SRC="..." - required
specifies the location/source, or URL, of the image
●HEIGHT="..."
where the image height can be specified in pixels (e.g. 100)
●WIDTH="..."
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (7 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)
where the image width can be specified in pixels (e.g. 100)
●ALT="..."
used to display some alternative text to the image. A good idea as often people have images switched off to speed up downloading time. Also important for partially sighted users with text readers.
●ALIGN=...
specifies the alignment, TOP , MIDDLE , BOTTOM , LEFT , RIGHT , TEXTTOP ,
ABSMIDDLE , BASELINE or ABSBOTTOM
●VSPACE="..."
specifies the number of pixels of vertical space left around an image
●HSPACE="..."
specifies the number of pixels of horizontal space left around an image
●BORDER="..."
specifies the number of pixels width for the border around the image. Default is no border, except of images which are links. Use BORDER="0" to remove borders
●NAME="..."
assigns a name to the image, mainly for use with JavaScript for mouse overs.
●LOWSRC="..."
allows an initial, usually lower resolution, image to be displayed. Final image is downloaded after page layout and other LOWSRC images have been loaded.
...
List item tags for ordered, ...
...
Alternative for browsers where frames are not supported
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (8 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)
...
Attributes
●TYPE="..." - sets number style, 1 (1,2,3,...), a (a,b,c,...), A (A,B,C,...), i (i,ii,iii,...) or I (I,II,III,...)
Default type is 1.
●START="..." - sets start number of list Default start number is 1.
...
Strikethrough Text
...
Small Text
...
Strikethrough Text
...
Strong emphasised text (often the same as bold)
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (9 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)
...
Subscript Text
...
Superscript Text
...
Tables can be created using the ...
tags.
Table headers, ... , rows, ... , and cells (cell data), ... , can be created.
Attributes
●BORDER="..."
defines the pixel width of the border surrounding the table. BORDER="0" turns off the border and is the default setting.
●WIDTH="..."
specifies the width of the table in pixels (i.e. 50), or percentage of the browser window (i.e. 100%) (if within a cell already this will be percentage of cell size).
●CELLSPACING="..."
specifies the amount of the space between cells
●CELLPADDING="..."
specifies the amount of the space between cell edges and the cell contents
●BGCOLOR="..."
sets the background colour using either the colour name or the hex number
...
Table data tags - surrounds an entire cell within a row within a table.
Attributes
●ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or
RIGHT
●VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM or RIGHT
●BGCOLOR="..." - sets the background colour using either the colour name or the hex number
●WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e.
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (10 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)
100%)
●ROWSPAN="..." - number of rows cell is to span
●COLSPAN="..." - number of columns cell is to span
...
Table header cells - surrounds an entire cell within a row within a table.
Attributes
●ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or
RIGHT
●VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM or RIGHT
●BGCOLOR="..." - sets the background colour using either the colour name or the hex number
●WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e. 100%)
●ROWSPAN="..." - number of rows cell is to span
●COLSPAN="..." - number of columns cell is to span
...
Defines the title of a page.
This text does not appear in your web page, but appears in the title bar of the browser and when the page is bookmarked.
The TITLE must be defined in the HEAD of the document. Only one TITLE can be used in each page.
...
Table row tags - surrounds an entire row within a table.
Attributes
●ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or
RIGHT
●VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM or RIGHT
●BGCOLOR="..." - sets the background colour using either the colour name or the hex number
●WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e. 100%)
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (11 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)
...
Typewriter or true type font
...
Underlined Text
...
Attributes
● TYPE="..." - sets bullet type, DISC, SQUARE or CIRCLE
http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (12 of 12) [31/05/2001 10:47:49]
Convert PDF to HTML using PDF2HTML Online
C
- ...
...
to...
...... I ...
- ...
...
Q http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (2 of 12) [31/05/2001 10:47:49] HTML tags (alphabetical) R S- ...
Forces a line break. This tag is one sided - it does not act on anything. ● CLEAR="..." - NONE, LEFT, RIGHT or ALL, sets the location of the start of the next line
- ...
- ...
- ...
...
to...
There are 6 header tags,...
to...
,...
being the largest. ● ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY H1 header H2 header H3 header H4 header H5 header H6 header http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (6 of 12) [31/05/2001 10:47:49] HTML tags (alphabetical) ... This is the first section of an HTML page. The document header resides within these tags - defines the header information, such as the in an HTML page. There can only be one HEAD tag and it must follow the HTML tag and preceed the BODY tag. ● PROFILE="..." - URL for the lcation of META data ... These tags surround the entire document and define the page as an HTML page. ●VERSION="..." - URL of document containing type definition of the version used to create the HTML documentHorizontal Rule - inserts a horizontal line across the screen placing everything before it above the line, and everything after in below the line. Usually there will be some blank space inserted above and below it automatically by the browser. This is a one sided tag - it doesn't act on anything. ●ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY ●NOSHADE="..." - rule is a solid color, not shaded ●SIZE="..." - the size (height) of the horizontal rule ●WIDTH="..." - the width of the horizontal rule ... Italic Text
- ...
- ...
- ...
...
Paragraph tags Text within the paragraph tags will begin on a new line, and the paragraph will be separated by a blank line before and after the paragraph. In most browers it will work without an end tag, but to be on the safe side, always enclose your paragraph in a beginning and an end paragraph tag. Attributes ● ALIGN="..." - LEFT, CENTER, RIGHT and JUSTIFY- ...