This card appears in printed form in Spinning the Web (1-850-32141-8) by Andrew Ford, and The WorldWideWeb Handbook (1-850-32205-8) by Peter Flynn, both published by International Thomson Computer Press.
Elements marked with a pilcrow (¶) are not in HTML 2.0 but are supported by browsers: elements marked with an asterisk (*) are obsolescent. Optional attributes are given in [square brackets]. The full DTD can be found at http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html.
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<!-- A sample document -->
<title>Document title</title>
<link rev="made" href="mailto:info@itpuk.co.uk">
</head>
<body>
<h1>Top-level heading</h1>
<p>First paragraph of text.</p>
<ul> <!-- A bulleted list -->
<li>First list item</li>
<li>Second list item, with a hypertext
<a href="info.html">link<a> to another
file.</li>
</ul>
<h2>Second-level heading</h2>
<p>Another paragraph, <img alt="Picture of me"
align="bottom" src="mypic.gif"> with an
illustration.</p>
</body>
</html>
All lists may be nested. The <ol>, <ul>, <menu>, <dir>, and <dl> elements may have a compact attribute.
Computer codeAn <a> element may contain both href and name attributes.
These specify the location of a resource for a hypertext link:
http://www.thomson.com:80/catalog/order.html?searchterm
one of... #location
http: Internet server dir filename options:
gopher: hostname or IP name searching means
ftp: address with URL must be a
telnet: optional port. script; using a
mailto: Email address. location implies
news: Newsgroup name. target label
Note mailto: and news: have no double slash. exists (see <a>).
External images are specified with the <a>
element as hypertext links. Inline images are specified with
<img src="url" [align="..."] [alt="..."] [ismap]>.
The value of align can be
top, middle or bottom. The
alt attribute provides text for non-graphical users and
is strongly recommended. An image map (clickable image) is an
<img> with ismap inside an
<a> element pointing to a server map file:
<a href="http://www.foo.bar/cgi-bin/imagemap/mypic"> <img src="http://www.foo.bar/mypic.gif" alt="Image map" ismap> </a>
<hr>
<form method="GET" action="http://www.foo.bar/cgi-bin/script">
<p>Name: <input name="name" type="text" size="20"><br>
Operating system: <select name="opsys">
<option>Unix<option>VMS<option>Mac<option>DOS<option></select></p>
<p><textarea name="comments" rows="4" columns="40">
Please write your comments here...</textarea></p>
<p><input type="submit"> <input type="reset"></p>
</form>
<hr>
À À capital A, grave accent ï ï small i, diæresis/umlaut à à small a, grave accent Ð Ð capital Eth, Icelandic Á Á capital A, acute accent ð ð small eth, Icelandic á á small a, acute accent Ñ Ñ capital N, tilde   capital A, circumflex ñ ñ small n, tilde â â small a, circumflex Ò Ò capital O, grave accent à à capital A, tilde ò ò small o, grave accent ã ã small a, tilde Ó Ó capital O, acute accent Ä Ä capital A, diæresis/umlaut ó ó small o, acute accent ä ä small a, diæresis/umlaut Ô Ô capital O, circumflex Å Å capital A, ring ô ô small o, circumflex å å small a, ring Õ Õ capital O, tilde Æ Æ capital AE ligature õ õ small o, tilde æ æ small ae ligature Ö Ö capital O, diæresis/umlaut Ç Ç capital C, cedilla ö ö small o, diæresis/umlaut ç ç small c, cedilla Ø Ø capital O, slash È È capital E, grave accent ø ø small o, slash è è small e, grave accent Ù Ù capital U, grave accent É É capital E, acute accent ù ù small u, grave accent é é small e, acute accent Ú Ú capital U, acute accent Ê Ê capital E, circumflex ú ú small u, acute accent ê ê small e, circumflex Û Û capital U, circumflex Ë Ë capital E, diæresis/umlaut û û small u, circumflex ë ë small e, diæresis/umlaut Ü Ü capital U, diæresis/umlaut Ì Ì capital I, grave accent ü ü small u, diæresis/umlaut ì ì small i, grave accent Ý Ý capital Y, acute accent Í Í capital I, acute accent ý ý small y, acute accent í í small i, acute accent Þ Þ capital Thorn, Icelandic Î Î capital I, circumflex þ þ small thorn, Icelandic î î small i, circumflex ß ß small sharp s, German sz Ï Ï capital I, diæresis/umlaut ÿ ÿ small y, diæresis/umlaut
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
All structural elements can have class, lang, id, clear and background attributes. Heading and list-oriented elements can have seqnum, dingbat, src, and nowrap. The align attribute can be used to affect visual positioning (e.g. align="center").
Within figures, <a> elements can have a shape attribute which identifies a polygon in the image that the user can click on:
<figure id="d69" src="http://abc.xyz.org/ pat/house.gif" align="center">
<caption align="bottom">My house</caption>
<p>Picture of my mansion in the hills above Naples, note the
<a href="fire.html" shape="rect 20,120,50,140">hole in the
roof</a> where the lightning struck.</p>
<credit>The local paper took this shot.</credit>
</figure>
multipart/form-data)To minimize typing, <sub> and
<sup> tags can be replaced with the underscore
(_) and caret (^) respectively, and
<box> tags can be replaced with {curly braces},
e.g. E=mc^2^
<table border> <tr><th>Item</th><th>Quantity</th></tr> <tr><th>Population</th></td>384,000</td></tr> <tr><th>Sample</th></td>384</td></tr> <caption>Fig 1. Survey Frame</caption> </table>
The <th> and <td> elements can have align and span attributes.
  non-breaking space ± ± ± plus-or-minus sign ¡ ¡ ¡ inverted exclamation mark ² ² ² superscript two ¢ ¢ ¢ cent sign ³ ³ ³ superscript three £ £ £ pound sign ´ ´ ´ acute accent ¤ ¤ ¤ general currency sign µ µ ´ micro sign ¥ ¥ ¥ yen sign ¶ &pilcro; ¶ pilcrow (paragraph sign) ¦ ¦ ¦ broken (vertical) bar · · · middle dot § § § section sign ¸ ¸ ¹ cedilla ¨ ¨ ¨ umlaut/dieresis ¹ ¹ ¹ superscript one © &cright; © copyright sign º º º ordinal indicator, male ª ª ª ordinal indicator, fem » » » angle quotation mark, right « « « angle quotation mark, left ¼ ¼ ¼ fraction one-quarter ¬ ¬ ¬ not sign ½ ½ ½ fraction one-half ­ ­ soft hyphen ¾ ¾ ¾ fraction three-quarters ® ® ® registered sign ¿ ¿ ¿ inverted question mark ¯ ¯ ¯ macron × &mult; × multiply sign ° ° ° degree sign ÷ ÷ ÷ division sign
Copies of this card can be downloaded in PostScript and
.dvi format for A4 and Letter size stationery from
ftp://www.thomson.com/itcp/WebExtras/
using anonymous FTP. Information about ITCP's titles can be obtained
from http://www.thomson.com/intlitcp.html.