Southend Linux User Group

HTML glossary

HTML syntax

This section defines the tags used throughout this course. Only a
brief outline is provided. For more detailed information, or information
about other flags refer to the various html references either on the web, or in any
bookshop. The tags highlighted in red are
deprecated and so should not be used.

<!– –> html comment tags. information between tags is not displayed.
<a> </a> anchor tag defines an html reference within a document. href
= specifies the location target of the hypertext link name = defines
the destination of a hypertext link. target = defines the target frame
in which to load the url. acceptable values are content, _parent,
_self, or framename. default is current frame.
example <a href=”htmlex4.htm#tables”>view tables </a>
clicking on text “view tables” will load document htmlex4.htm into
current frame (window). the display starts at the named reference.
example <a
name=”tables”><h2>tables</font></h2></a>
this shows anchor name format in document htmlex4.htm which previous
example would jump to.
<area> <area> must be contained within < map > tags. defines a
specific region in the map the user can select.
coords = defines the coordinates of the shape. the rect shape has four
coordinates specifying top left and bottom right corners.
href = hypertext reference.
target = defines frame to load link specified by href
shape = rect (default) also circ and poly.
title = display popup message
<abbr> </abbr> Abbreviation – denotes enclosed text is an abbreviation e.g.
<abbr title=”World Wide Web”>WWW</abbr> Browser may display
a drop down box showing the text denoted by the title property.
<b> </b> sets text to bold
<body> </body> defines the visible section of an html document.
background = defines location of image file displayed as background
bgcolor = defines background color. onload / unload=reference to
(javascript) load / unload events.
example<body bgcolor=”blue”> document displayed on a blue
background. colours may also be specified in rgb hexadecimal format
i.e. blue would correspond to #0000ff
<br> break command. forces a line break.
<center>
</center>
centres enclosed text.
<cite> </cite> citation and usually displayed as italics.
<code> </code> enclosed text displayed in a fixed width font.
<col> only applicable within table
align= specifies text alignment, e.g. left,right,center.
span = number of consecutive columns than properties affect.
<del> </del> used to mark text as deleted.
<div> </div> used to divide a web page into sections. best used with style
tags to position text, pictures etc. where you want them on a page.
<fieldset> </fieldset> represents a set of form controls which can optionally be grouped under a common name.
<font>
</font>
defines font size and colour to be used
color = specifies color of text enclosed by tags. may be specified as
#rrggbb (e.g. red,green,blue hexadecimal values)or by colorname i.e.
“red”, “green” “blue” etc.
size = numeric value and specifies the font size
<form> </form> enclose input tags that accept user input for processing.
other form tags cannot be embedded with a form.
action defines the url to which all form content is sent.
<frame> </frame> must be contained within frameset tags. defines the
properties of a frame. a frame can divide the browser window either
horizontally or vertically.
src = specifies the url of the document to be loaded into the frame.
align = specifies the alignment of the frame to the surrounding text.
name = the name of the frame. can be used by the <target> tag for
example.
scrolling = default is auto, displayed as necessary by browser. yes
always display scroll bars, no never display scroll bars.
<frameset> </frameset> encloses the set of frame definitions for the document. rows
(or cols)a comma separated list showing height (width) of frame
specified in either pixels, or percentage terms.
<hn> </hn> header tags where n = number from 1 – 6. text enclosed gets
progressively smaller as number increased.
alignthe horizontal alignment of the text, e.g. left right center.
src = defines the url of a image file to go before heading. a symbol
perhaps.
<head> </head> identifies the specification section of document. Information
included in head is not displayed by browser.
<hr> horizontal rule line.
color = defines color of line.
<html> </html> encloses whole document.
<i> </i> enclosed text displayed as italics.

<iframe></iframe> src = specifies the url of the document to be loaded into the
frame.
align = specifies the alignment of the frame to the surrounding text.
scrolling = default is auto, displayed as necessary by browser. yes
always display scroll bars, no never display scroll bars.
<img> src = defines the url of a image file.
align = aligns surrounding text. options are top, bottom, middle, left
or right.
height = height of image file specified in either pixels or %percent.
width= width of image file specified either as pixels or %percent.
<input /> must be contained within form tags. input defines fields on
your document where data can be entered. the following options are used
within the input tag.
name = defines the name of the field. multiple radio buttons with the
same name are mutually exclusive.
size = the physical size of the field.
type = the type of input field which can be button, text, password,
checkbox, radio, select submit, reset and file.
value = depends on the input type. for buttons, e.g. submit its the
label on the button itself. for text and password its a default value.
for checkboxes and radio buttons its a value returned (to a javascript
file for example).
<ins> </ins> used to insert a change to a document It has the properties of datetime and cite to when the change was made, and a reference, either a URI, or a message explaining the change
<legend> </legend> defines a caption for the <fieldset> element.
<map> </map> specifies the set of areas to be used on (client side) image
maps. it must contain area tags
name = distinct name for this name in this document
<marquee> </marquee> scrollamount = n (pixels) indirectly determines the speed of
the scroll.
direction = up | down | right | left (the default). select option
required
slide | alternate | scroll(the default)
<meta> </meta> Meta data This element can be used to identify properties of
a document (e.g., author, expiration date, a list of key words, etc.)
and assign values to those properties. E.g <META name=”keywords”
content=”html,css,glossary”>

<noframes> </noframes> displays enclosed text if browser doesn’t support frames.
<ol> </ol> ordered list encloses <li> tags. type defines the type
of numbering scheme, e.g. a,a,i,i,1. the default is 1. numbering is
adjusted automatically if items added or deleted from list.
<option> uses within the select tag to set the options. value = n. can
be set to indicate option selected.
<p> </p> paragraph tag, starts a new paragraph no end tag required.
<pre> </pre> preformat tag. Displays text in a fixed width format,
preserving line breaks and spaces
<s> </s> strikethrough enclosed text.
<script> </script> encloses javascript or visual basic scripts, usually found in
header
language = specifies either javascript or visual basic (latter is
msexplorer only ).

<select> </select> encloses a set of <option>

tags to produce a drop down (or combo) box
<sub> </sub> enclosed text becomes a subscript.
<sup> </sup> enclosed text becomes a superscript.
<table> </table> enclose tags defining a table layout. properties border,
width,summary, title, bgcolor, cellspacing
andcellpadding
<tbody> </tbody> Optional, encloses tags defining table body
<td> surrounds data in body table cell. termination of <td>
tag is assumed by the start of another <td> tag.
<tfoot> </tfoot> Optional, defines table footer. must be last section within
table
<th> </th> Optional, surrounds data in header table cell . termination
of <th> tag is assumed by the start of another <th> tag.
<thead> </thead> Optional, defines information within table header. precedes
<tbody> tag.
<title> </title> title for document and specified in header section of
document where it may only appear once.
<tr> </tr> defines start of table row. valign and bgcolor
<u>
</u>
underline text
<ul> </ul> unordered list encloses <li> tags. marked by bullet
points, optionally defined by
type. e.g. type=disc,square,circle

Author: Alan Campion - Page reference: 2794
Last modified: Alan Campion - 2015-01-16