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.
- £
- £ (the pound symbol)
- <
- <
- >
- >
- &
- &
- "
- '
- ©
- © (the copyright symbol, not supported by all browsers)
- ®
- ® (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 ]](ng.gif)
![[ LAST ]](l.gif)
![[ PART 1 ]](p1.gif)
![[ PART 2 ]](p2.gif)
![[ Back to the tutorial front page ]](tutorlogo.gif)