More HTML tags

Here's a summary of the HTML tags and image map commands that we've looked at in this part of the tutorial

Tags

<pre> ... </pre>
Text between these tags will not be formatted. Line breaks will appear as you type them, and a fixed font such as Courier will usually be used to display the content
<ul> ... </ul>
Put these around an unordered list (one without numbers)
<ol> ... </ol>
Put these around an ordered list. Each item will be numbered automatically
<li>
Each item in an ordered or unordered list should begin with this tag
<dl> .. </dl>
Put these around the whole of a definition list
<dt>
In a definition list, begins a term (the heading)
<dd>
In a definition list, begins a definition
<img src="picname" ismap>
The ismap keyword denotes that the picture 'picname' is a clickable image.

Special characters

These tags must appear in lower case.

&#xxx;
Insert character number xxx from the ISO Latin 1 character set.
&#163;
£ (the pound symbol)
&lt;
<
&gt;
>
&amp;
&
&quot;
'
&copy;
© (the copyright symbol, not supported by all browsers)
&reg;
® (the 'registered' symbol, not supported by all browsers)

Image mapping

All co-ordinates are pixels, relative to the top left corner of your image. URL may be either a complete URL or a relative reference to a document on your server.

Image mapping commands (NCSA)

default URL
Access URL if no other area is clicked
circle URL x1,y1 x2,y2
Define a circular hot spot, with the center point at x1,y1 and a point on the circumference at x2,y2. URL will be accessed when the circle is clicked
rect URL x1,y1 x2,y2
Define a rectangular hot spot, with the top left point at x1,y2 and the top right at x2,y2. URL will be access when the circle is clicked
poly URL x1,y1 x2,y2 ... xn,yn
Define a polygon with corners at positions x1,y1 to xn,yn
point URL x,y
URL will be accessed if the click is nearest to the point x,y

Image mapping commands (CERN)

default URL
Access URL if no other area is clicked
circle (x,y) r URL
Define a circular hot spot with its centre at the point x,y and a radius r
rectangle (x1,y1) (x2,y2) URL
Define a rectangular hot spot with diagonally opposite corners at points x1,y1 and x2,y2
polygon (x1,y1) (x2,y2) ... (xn,yn) URL
Define a polygon with corners at positions x1,y1 to xn,yn

[ NEXT ][ LAST ][ PART 1 ][ PART 2 ][ PART 3 ]

[ Back to the tutorial front page ]