Home » Recent acquisitions » Acorn ADFS disks » adfs_AcornUser_199607.adf » Features » HTML/index_html

HTML/index_html

This website contains an archive of files for the Acorn Electron, BBC Micro, Acorn Archimedes, Commodore 16 and Commodore 64 computers, which Dominic Ford has rescued from his private collection of floppy disks and cassettes.

Some of these files were originally commercial releases in the 1980s and 1990s, but they are now widely available online. I assume that copyright over them is no longer being asserted. If you own the copyright and would like files to be removed, please contact me.

Tape/disk: Home » Recent acquisitions » Acorn ADFS disks » adfs_AcornUser_199607.adf » Features
Filename: HTML/index_html
Read OK:
File size: 3395 bytes
Load address: 0000
Exec address: 0000
File contents
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

<!-- Strictly speaking, HTML documents should start with something  -->
<!-- like the above. Don't lose any sleep over it, though.          -->

<html>
<head>
<title>Acorn User 168: Writing HTML</title>
</head>
<body>

<h1>Jumping off the page</h1>

<p><em>In the start of a series on using your Acorn to create Web pages,
David Matthewman explains what HTML is and how to write it.</em>

<p>In the beginning, so they say, was the word. Now, a word is more useful
than the individual letters that spell it, but leaves something to be
desired for meaningful communication. Take the 'Polish'; it can
represent an action, a block of wax or even a nationality. To pin down its
meaning further - to put it into <em>context</em> - it must be surrounded by
other words. In short, soon after the beginning, was the sentence.

<p>If a word is seem as a point, and a sentence a line, then clearly a paragraph extends this into two dimensions as an area. Then what? Paragraphs follow
one another in sequence and there is no way of writing a sentence that
literally 'jumps off' the page. Even a book is just a collection of pages;
adding another 'dimension' to text requires rather more work.

<p>At <cite>Acorn User</cite> we sometimes include a jargon box to avoid the
messy solution of having to define a term each time it appears which can
break up the flow of a sentence, and we will also refer back to articles in
previous issues where they are relevant. These ways of extending plain text
are not new practice, and publishers have been doing it for centuries without
needing any new and frightening-sounding words to refer to it.

<p>However, in 1965 Ted Nelson gave a name to the practice:
<em>hypertext</em>. Nelson's definition of hypertext went beyond traditional
practice; it related documents and parts of documents to a web of others. The
aim was a project called Xanadu, a system linking all the world's literature,
which was well ahead of what technology could practically achieve then.

<h2>Rumblings under Geneva</h2>

<p>There the matter might have rested, except that in the late 1980s a group
of high-energy physicists at CERN in Geneva were looking for a viable way to
spread information rapidly among the high-energy physics community. One of
their researchers, Tim Berners-Lee, wrote a proposal called <cite>HyperText
and CERN</cite> which contained the basic principles which were to develop
into the World Wide Web. These were:

<ul>
<li>A multi-platform approach, allowing the information to be accessed from
as many different platforms and in as many different ways as possible.
<li>�A flexible approach to document type and information protocols: the Web
shouldn't itself restrict the type of information that can be transmitted
using it.
<li>�Universal access: any user should be able to access any information.
</ul>

<p>Over the next few years, development was largely confined to CERN, but in
early 1993 Marc Andreessen at NCSA led a team that developed
<cite>Mosaic</cite> which ran on X-Windows. This was one of the first
graphical Web browser - to follow a link, you pointed at a word and clicked.

<p>In 1994 two major players in the WWW arena came into being. Because the
Web was developing so quickly, it was obvious that some advisory body was
needed, to draw up a set of standards for the evolution of the Web. This
authority - eventually called the World Wide Web Consortium or W3C for short
- is a consortium of universities and private industries, which oversees the
development of the Web.

<p>The other player (which actually appeared before W3C) was the company now
known as Netscape Communications. Netscape, co-founded by Marc Andreesen,
developed a commercial Web browser - variously called <em>Mozilla</em>,
<cite>Navigator</cite> and <cite>Atlas</cite> - that came to dominate the
market. At one point it was estimated that over 90 per cent of Web browsing
was performed by a version of Netscape's browser. This figure has dropped
recently, but Netscape still has around 75 per cent of the market.

<h2>The shifting HTML standard</h2>

<p>As Netscape has not written a browser for the Acorn platform, you may be
wondering whether this is relevant. It is, because it had a profound
influence on the development of HTML, the language of the Web. HyperText
Markup Language, to give it its full title, should adhere to a standard
defined by the Internet Working Group of the Internet Engineering Task Force
(IETF), a standard principally developed by W3C.

<p>This ensures that everyone knows exactly what they mean when they talk
about HTML - in theory. In practice, although the work of W3C is very worthy,
it is also very slow and cautious. This means that despite the fact that the
HTML 2.0 specification is currently implemented by just about every browser,
its current status at IETF is 'proposed standard'.

<p>Netscape Comunications, noting that its customers wanted to do things like
<a href="turqu.html">turn the background turquoise</a>, and bored of waiting
for the official channels to agree on a way to do this, invented its own. As
Netscape owned so much of the browser market, most people writing HTML took
advantage of the extra features and, sure as chicken follows egg, so did most
other browsers.

<p>The net result of this is that there are several HTML 'standards'. Most
Web authors write HTML 2.0 with varying amounts of Netscape extensions to the
standard, and it's HTML like this that I'm going to be covering in this
series.

<h2>What is HTML?</h2>

<p>The way that Web pages are sent over the Internet involves two main
computer programs: a server and a browser. The server sits on the machine
that holds the Web pages and sends them to anyone who asks, and we won't
worry about this side of things for the moment. The browser runs on the
user's machine, asks for the pages, reads them and displays them. You don't
actually need to be connected to the Internet at all, most browsers will look
at Web pages stored locally on a hard drive, so if you're reading this
without and Internet account then don't despair; <a href="cheap.html">you can
play too</a>.

The browser is the key to the whole process. When you write HTML, what you are writing are instructions to the browser about how the page should be displayed. However, these instructions are not the sort of instructions that you'll be used to if you do a lot of DTP work - point size, font, frame information - because this sort of information is not readily portable between different types of browsers.

<p>To see this more clearly, consider two extreme types of browser. The first
takes the HTML and speaks it. Such a browser would be very useful to blind
people and, indeed, browsers like this exist. The second takes the HTML and,
with a flawless knowledge of the rules of typography and of the particular
'house style' of a magazine, lays out pages from it. Browsers of the second
type don't exist, but it's useful to pretend that they do.

<p>What is the speaking browser to make of the setting of a particular point
size? Very little: I know no one who speaks in Times Roman (although I know
plenty who might as well be talking Zapf Dingbats). Such information is of no
more use to the page layout browser, which will override it with its own
settings.

<p>The instructions contained within HTML are designed to put the text into a particular context, either by marking it as having a certain emphasis or by defining its relation to some other text. Tell a speaking browser that a phrase is italicised, and it will ignore the instruction; tell it that the phrase is <em>emphasised</em> and it will know to stress it as it speaks it.

<p>OK, I'll come clean. There's nothing actually to stop you using all sorts
of tricks in your HTML code to try to define the layout and appearence of
your Web pages. But - and it's a <em>big</em> but - you must remember that
not every browser will treat the information in the same way or even use it
at all. When starting out, it's safer to mark your pages up strictly for
context rather than for appearence.

<h2>Marking up text</h2>

<p>If you take a block of plain text and send it to a browser, you will
notice a number of things at once. The first is that it <em>will</em> display
it. Formally, there are a number of items that should be present in a
document to make it valid HTML, but very few browsers will actually sulk if
they aren't there.

<p>The second point is that any extraneous spaces, line feeds and carriage returns in the text are ignored. The browser will simply skip over them and display the text in one block with uniform spacing between the words. There are circumstances when you can make the browser care about extra spaces and so on, but we'll cover those later.

<p>Marking up the text to turn it into HTML involves inserting <em>tags</em>.
Tags are instructions contained within angle brackets '&lt;&gt;' and are
case-insensitive. They usually come in pairs - a 'turn on' and 'turn off' tag
- with the second of the two being preceded by a slash '/'. For example, to
emphasise a word or phrase, enclose it within the
<var>&lt;em&gt;&lt;/em&gt;</var> tag pair, as in:

<p><kbd>This point is &lt;em&gt;very&lt;/em&gt; important.</kbd>

<p>I'll talk about the other kind of tag - the self-contained one - in the next issue.

<h2>An HTML skeleton</h2>

<p>Now that you've seen how tags work - it's simple really - you can create
your own bona fide HTML file from a block of text. First, you have to tell
the browser that the whole document is HTML by enclosing it within the
<var>&lt;html&gt;&lt;/html&gt;</var> tag pair. Next, you have to separate the
body of the document (which contains the text) from the header which contains
other information including <a href="title.html">the title</a>.

<p>This is all done with appropriate tag pairs, to produce a document that
looks like this:

<p><kbd>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;title&gt;Title here&lt;/title&gt;<br>
&lt;/head&gt;<br>
&lt;body&gt;<br>
Text of document here<br>
&lt;/body&gt;<br>
&lt;/html&gt;<br>
</kbd>

<p>Looking at the above, you can see that tags can be nested. For instance,
the title is within the header of the document, and both the body and header
are within the outer <var>&lt;html&gt;</var> tags.

<p>What I have written above is a perfectly valid HTML file (well, almost,
but don't worry about it), but there's a little more work that needs doing
before it will display in a sensible manner. As I have already observed, Web
browsers ignore all line feeds and carriage returns and will run paragraphs
together. To stop them doing this, you need to mark paragraphs using the
<var>&lt;p&gt;</var> tag.

Strictly speaking, <var>&lt;p&gt;</var> marks the start of a paragraph and
<var>&lt;/p&gt;</var> the end, but you can safely ignore the end tag and just
use <var>&lt;p&gt;</var> to mark paragraph starts.

<h2>Anchor tags and attributes</h2>

<p>So far, we can mark a document as valid HTML, and flag off all the
paragraphs. However, one of the key features of HTML is the ability to link
words and phrases to other documents. This is accomplished with the Anchor
tag <var>&lt;a&gt;</var>.

<p>Placing <var>&lt;a&gt;</var> and <var>&lt;/a&gt;</var> round some text
marks it as an anchor - a link to another document. Astute readers will
notice that we haven't actually specified where the file links to. We do this
by using tag <em>attributes</em>.

<p>Most tags in HTML can have attributes. They are specified by putting sets
of:

<p><kbd>variable="value"</kbd>

<p>pairs within the opening tag. In this case the relevant variable is 'href'
and the value is the name of the link. To link to a file
<cite>mail.html</cite> you would therefore write something like:

<p><kbd>You can also &lt;a href="mail.html"&gt;mail me&lt;/a&gt;</kbd>.

<p>When this is displayed in a browser, the words 'mail me' will be
highlighted in some way - often by colouring them blue - and (in a WIMP
environment) the browser can be told to load the file <cite>mail.html</cite>
by clicking on the words.

<p>Usually anchor tags are a little more complex than this, but
that's a topic for the next in the series. I've given you quite enough to
think about for one month, and if you're feeling adventurous you can always
look at the <a href="disc.html">files on the cover disc</a>.

<h2>Where next from here?</h2>

<p>Starting from the word, we went one-dimensional with sentences,
two-dimensional with paragraphs and finally three-dimensional with hypertext.
That's about as far as I'm going to stretch the metaphor; I'm not covering
time travel next issue. Instead, I'll show you how to set out across the
Internet, and also how to incorporate pictures into your text.

<p>Until then you should spend your time being sure that you understand opening and closing tag pairs, the difference between the head and the body of an HTML document and what a tag attribute is. And repeat ten times before you go to sleep: 'I will write my HTML to be meaningful to speaking browsers.'

<p>A summary of the software to help you write HTML on the Acorn platform
<a href="progs.html">is available</a>.

</body>
</html>
00000000  3c 21 44 4f 43 54 59 50  45 20 48 54 4d 4c 20 50  |<!DOCTYPE HTML P|
00000010  55 42 4c 49 43 20 22 2d  2f 2f 49 45 54 46 2f 2f  |UBLIC "-//IETF//|
00000020  44 54 44 20 48 54 4d 4c  2f 2f 45 4e 22 3e 0a 0a  |DTD HTML//EN">..|
00000030  3c 21 2d 2d 20 53 74 72  69 63 74 6c 79 20 73 70  |<!-- Strictly sp|
00000040  65 61 6b 69 6e 67 2c 20  48 54 4d 4c 20 64 6f 63  |eaking, HTML doc|
00000050  75 6d 65 6e 74 73 20 73  68 6f 75 6c 64 20 73 74  |uments should st|
00000060  61 72 74 20 77 69 74 68  20 73 6f 6d 65 74 68 69  |art with somethi|
00000070  6e 67 20 20 2d 2d 3e 0a  3c 21 2d 2d 20 6c 69 6b  |ng  -->.<!-- lik|
00000080  65 20 74 68 65 20 61 62  6f 76 65 2e 20 44 6f 6e  |e the above. Don|
00000090  27 74 20 6c 6f 73 65 20  61 6e 79 20 73 6c 65 65  |'t lose any slee|
000000a0  70 20 6f 76 65 72 20 69  74 2c 20 74 68 6f 75 67  |p over it, thoug|
000000b0  68 2e 20 20 20 20 20 20  20 20 20 20 2d 2d 3e 0a  |h.          -->.|
000000c0  0a 3c 68 74 6d 6c 3e 0a  3c 68 65 61 64 3e 0a 3c  |.<html>.<head>.<|
000000d0  74 69 74 6c 65 3e 41 63  6f 72 6e 20 55 73 65 72  |title>Acorn User|
000000e0  20 31 36 38 3a 20 57 72  69 74 69 6e 67 20 48 54  | 168: Writing HT|
000000f0  4d 4c 3c 2f 74 69 74 6c  65 3e 0a 3c 2f 68 65 61  |ML</title>.</hea|
00000100  64 3e 0a 3c 62 6f 64 79  3e 0a 0a 3c 68 31 3e 4a  |d>.<body>..<h1>J|
00000110  75 6d 70 69 6e 67 20 6f  66 66 20 74 68 65 20 70  |umping off the p|
00000120  61 67 65 3c 2f 68 31 3e  0a 0a 3c 70 3e 3c 65 6d  |age</h1>..<p><em|
00000130  3e 49 6e 20 74 68 65 20  73 74 61 72 74 20 6f 66  |>In the start of|
00000140  20 61 20 73 65 72 69 65  73 20 6f 6e 20 75 73 69  | a series on usi|
00000150  6e 67 20 79 6f 75 72 20  41 63 6f 72 6e 20 74 6f  |ng your Acorn to|
00000160  20 63 72 65 61 74 65 20  57 65 62 20 70 61 67 65  | create Web page|
00000170  73 2c 0a 44 61 76 69 64  20 4d 61 74 74 68 65 77  |s,.David Matthew|
00000180  6d 61 6e 20 65 78 70 6c  61 69 6e 73 20 77 68 61  |man explains wha|
00000190  74 20 48 54 4d 4c 20 69  73 20 61 6e 64 20 68 6f  |t HTML is and ho|
000001a0  77 20 74 6f 20 77 72 69  74 65 20 69 74 2e 3c 2f  |w to write it.</|
000001b0  65 6d 3e 0a 0a 3c 70 3e  49 6e 20 74 68 65 20 62  |em>..<p>In the b|
000001c0  65 67 69 6e 6e 69 6e 67  2c 20 73 6f 20 74 68 65  |eginning, so the|
000001d0  79 20 73 61 79 2c 20 77  61 73 20 74 68 65 20 77  |y say, was the w|
000001e0  6f 72 64 2e 20 4e 6f 77  2c 20 61 20 77 6f 72 64  |ord. Now, a word|
000001f0  20 69 73 20 6d 6f 72 65  20 75 73 65 66 75 6c 0a  | is more useful.|
00000200  74 68 61 6e 20 74 68 65  20 69 6e 64 69 76 69 64  |than the individ|
00000210  75 61 6c 20 6c 65 74 74  65 72 73 20 74 68 61 74  |ual letters that|
00000220  20 73 70 65 6c 6c 20 69  74 2c 20 62 75 74 20 6c  | spell it, but l|
00000230  65 61 76 65 73 20 73 6f  6d 65 74 68 69 6e 67 20  |eaves something |
00000240  74 6f 20 62 65 0a 64 65  73 69 72 65 64 20 66 6f  |to be.desired fo|
00000250  72 20 6d 65 61 6e 69 6e  67 66 75 6c 20 63 6f 6d  |r meaningful com|
00000260  6d 75 6e 69 63 61 74 69  6f 6e 2e 20 54 61 6b 65  |munication. Take|
00000270  20 74 68 65 20 27 50 6f  6c 69 73 68 27 3b 20 69  | the 'Polish'; i|
00000280  74 20 63 61 6e 0a 72 65  70 72 65 73 65 6e 74 20  |t can.represent |
00000290  61 6e 20 61 63 74 69 6f  6e 2c 20 61 20 62 6c 6f  |an action, a blo|
000002a0  63 6b 20 6f 66 20 77 61  78 20 6f 72 20 65 76 65  |ck of wax or eve|
000002b0  6e 20 61 20 6e 61 74 69  6f 6e 61 6c 69 74 79 2e  |n a nationality.|
000002c0  20 54 6f 20 70 69 6e 20  64 6f 77 6e 20 69 74 73  | To pin down its|
000002d0  0a 6d 65 61 6e 69 6e 67  20 66 75 72 74 68 65 72  |.meaning further|
000002e0  20 2d 20 74 6f 20 70 75  74 20 69 74 20 69 6e 74  | - to put it int|
000002f0  6f 20 3c 65 6d 3e 63 6f  6e 74 65 78 74 3c 2f 65  |o <em>context</e|
00000300  6d 3e 20 2d 20 69 74 20  6d 75 73 74 20 62 65 20  |m> - it must be |
00000310  73 75 72 72 6f 75 6e 64  65 64 20 62 79 0a 6f 74  |surrounded by.ot|
00000320  68 65 72 20 77 6f 72 64  73 2e 20 49 6e 20 73 68  |her words. In sh|
00000330  6f 72 74 2c 20 73 6f 6f  6e 20 61 66 74 65 72 20  |ort, soon after |
00000340  74 68 65 20 62 65 67 69  6e 6e 69 6e 67 2c 20 77  |the beginning, w|
00000350  61 73 20 74 68 65 20 73  65 6e 74 65 6e 63 65 2e  |as the sentence.|
00000360  0a 0a 3c 70 3e 49 66 20  61 20 77 6f 72 64 20 69  |..<p>If a word i|
00000370  73 20 73 65 65 6d 20 61  73 20 61 20 70 6f 69 6e  |s seem as a poin|
00000380  74 2c 20 61 6e 64 20 61  20 73 65 6e 74 65 6e 63  |t, and a sentenc|
00000390  65 20 61 20 6c 69 6e 65  2c 20 74 68 65 6e 20 63  |e a line, then c|
000003a0  6c 65 61 72 6c 79 20 61  20 70 61 72 61 67 72 61  |learly a paragra|
000003b0  70 68 20 65 78 74 65 6e  64 73 20 74 68 69 73 20  |ph extends this |
000003c0  69 6e 74 6f 20 74 77 6f  20 64 69 6d 65 6e 73 69  |into two dimensi|
000003d0  6f 6e 73 20 61 73 20 61  6e 20 61 72 65 61 2e 20  |ons as an area. |
000003e0  54 68 65 6e 20 77 68 61  74 3f 20 50 61 72 61 67  |Then what? Parag|
000003f0  72 61 70 68 73 20 66 6f  6c 6c 6f 77 0a 6f 6e 65  |raphs follow.one|
00000400  20 61 6e 6f 74 68 65 72  20 69 6e 20 73 65 71 75  | another in sequ|
00000410  65 6e 63 65 20 61 6e 64  20 74 68 65 72 65 20 69  |ence and there i|
00000420  73 20 6e 6f 20 77 61 79  20 6f 66 20 77 72 69 74  |s no way of writ|
00000430  69 6e 67 20 61 20 73 65  6e 74 65 6e 63 65 20 74  |ing a sentence t|
00000440  68 61 74 0a 6c 69 74 65  72 61 6c 6c 79 20 27 6a  |hat.literally 'j|
00000450  75 6d 70 73 20 6f 66 66  27 20 74 68 65 20 70 61  |umps off' the pa|
00000460  67 65 2e 20 45 76 65 6e  20 61 20 62 6f 6f 6b 20  |ge. Even a book |
00000470  69 73 20 6a 75 73 74 20  61 20 63 6f 6c 6c 65 63  |is just a collec|
00000480  74 69 6f 6e 20 6f 66 20  70 61 67 65 73 3b 0a 61  |tion of pages;.a|
00000490  64 64 69 6e 67 20 61 6e  6f 74 68 65 72 20 27 64  |dding another 'd|
000004a0  69 6d 65 6e 73 69 6f 6e  27 20 74 6f 20 74 65 78  |imension' to tex|
000004b0  74 20 72 65 71 75 69 72  65 73 20 72 61 74 68 65  |t requires rathe|
000004c0  72 20 6d 6f 72 65 20 77  6f 72 6b 2e 0a 0a 3c 70  |r more work...<p|
000004d0  3e 41 74 20 3c 63 69 74  65 3e 41 63 6f 72 6e 20  |>At <cite>Acorn |
000004e0  55 73 65 72 3c 2f 63 69  74 65 3e 20 77 65 20 73  |User</cite> we s|
000004f0  6f 6d 65 74 69 6d 65 73  20 69 6e 63 6c 75 64 65  |ometimes include|
00000500  20 61 20 6a 61 72 67 6f  6e 20 62 6f 78 20 74 6f  | a jargon box to|
00000510  20 61 76 6f 69 64 20 74  68 65 0a 6d 65 73 73 79  | avoid the.messy|
00000520  20 73 6f 6c 75 74 69 6f  6e 20 6f 66 20 68 61 76  | solution of hav|
00000530  69 6e 67 20 74 6f 20 64  65 66 69 6e 65 20 61 20  |ing to define a |
00000540  74 65 72 6d 20 65 61 63  68 20 74 69 6d 65 20 69  |term each time i|
00000550  74 20 61 70 70 65 61 72  73 20 77 68 69 63 68 20  |t appears which |
00000560  63 61 6e 0a 62 72 65 61  6b 20 75 70 20 74 68 65  |can.break up the|
00000570  20 66 6c 6f 77 20 6f 66  20 61 20 73 65 6e 74 65  | flow of a sente|
00000580  6e 63 65 2c 20 61 6e 64  20 77 65 20 77 69 6c 6c  |nce, and we will|
00000590  20 61 6c 73 6f 20 72 65  66 65 72 20 62 61 63 6b  | also refer back|
000005a0  20 74 6f 20 61 72 74 69  63 6c 65 73 20 69 6e 0a  | to articles in.|
000005b0  70 72 65 76 69 6f 75 73  20 69 73 73 75 65 73 20  |previous issues |
000005c0  77 68 65 72 65 20 74 68  65 79 20 61 72 65 20 72  |where they are r|
000005d0  65 6c 65 76 61 6e 74 2e  20 54 68 65 73 65 20 77  |elevant. These w|
000005e0  61 79 73 20 6f 66 20 65  78 74 65 6e 64 69 6e 67  |ays of extending|
000005f0  20 70 6c 61 69 6e 20 74  65 78 74 0a 61 72 65 20  | plain text.are |
00000600  6e 6f 74 20 6e 65 77 20  70 72 61 63 74 69 63 65  |not new practice|
00000610  2c 20 61 6e 64 20 70 75  62 6c 69 73 68 65 72 73  |, and publishers|
00000620  20 68 61 76 65 20 62 65  65 6e 20 64 6f 69 6e 67  | have been doing|
00000630  20 69 74 20 66 6f 72 20  63 65 6e 74 75 72 69 65  | it for centurie|
00000640  73 20 77 69 74 68 6f 75  74 0a 6e 65 65 64 69 6e  |s without.needin|
00000650  67 20 61 6e 79 20 6e 65  77 20 61 6e 64 20 66 72  |g any new and fr|
00000660  69 67 68 74 65 6e 69 6e  67 2d 73 6f 75 6e 64 69  |ightening-soundi|
00000670  6e 67 20 77 6f 72 64 73  20 74 6f 20 72 65 66 65  |ng words to refe|
00000680  72 20 74 6f 20 69 74 2e  0a 0a 3c 70 3e 48 6f 77  |r to it...<p>How|
00000690  65 76 65 72 2c 20 69 6e  20 31 39 36 35 20 54 65  |ever, in 1965 Te|
000006a0  64 20 4e 65 6c 73 6f 6e  20 67 61 76 65 20 61 20  |d Nelson gave a |
000006b0  6e 61 6d 65 20 74 6f 20  74 68 65 20 70 72 61 63  |name to the prac|
000006c0  74 69 63 65 3a 0a 3c 65  6d 3e 68 79 70 65 72 74  |tice:.<em>hypert|
000006d0  65 78 74 3c 2f 65 6d 3e  2e 20 4e 65 6c 73 6f 6e  |ext</em>. Nelson|
000006e0  27 73 20 64 65 66 69 6e  69 74 69 6f 6e 20 6f 66  |'s definition of|
000006f0  20 68 79 70 65 72 74 65  78 74 20 77 65 6e 74 20  | hypertext went |
00000700  62 65 79 6f 6e 64 20 74  72 61 64 69 74 69 6f 6e  |beyond tradition|
00000710  61 6c 0a 70 72 61 63 74  69 63 65 3b 20 69 74 20  |al.practice; it |
00000720  72 65 6c 61 74 65 64 20  64 6f 63 75 6d 65 6e 74  |related document|
00000730  73 20 61 6e 64 20 70 61  72 74 73 20 6f 66 20 64  |s and parts of d|
00000740  6f 63 75 6d 65 6e 74 73  20 74 6f 20 61 20 77 65  |ocuments to a we|
00000750  62 20 6f 66 20 6f 74 68  65 72 73 2e 20 54 68 65  |b of others. The|
00000760  0a 61 69 6d 20 77 61 73  20 61 20 70 72 6f 6a 65  |.aim was a proje|
00000770  63 74 20 63 61 6c 6c 65  64 20 58 61 6e 61 64 75  |ct called Xanadu|
00000780  2c 20 61 20 73 79 73 74  65 6d 20 6c 69 6e 6b 69  |, a system linki|
00000790  6e 67 20 61 6c 6c 20 74  68 65 20 77 6f 72 6c 64  |ng all the world|
000007a0  27 73 20 6c 69 74 65 72  61 74 75 72 65 2c 0a 77  |'s literature,.w|
000007b0  68 69 63 68 20 77 61 73  20 77 65 6c 6c 20 61 68  |hich was well ah|
000007c0  65 61 64 20 6f 66 20 77  68 61 74 20 74 65 63 68  |ead of what tech|
000007d0  6e 6f 6c 6f 67 79 20 63  6f 75 6c 64 20 70 72 61  |nology could pra|
000007e0  63 74 69 63 61 6c 6c 79  20 61 63 68 69 65 76 65  |ctically achieve|
000007f0  20 74 68 65 6e 2e 0a 0a  3c 68 32 3e 52 75 6d 62  | then...<h2>Rumb|
00000800  6c 69 6e 67 73 20 75 6e  64 65 72 20 47 65 6e 65  |lings under Gene|
00000810  76 61 3c 2f 68 32 3e 0a  0a 3c 70 3e 54 68 65 72  |va</h2>..<p>Ther|
00000820  65 20 74 68 65 20 6d 61  74 74 65 72 20 6d 69 67  |e the matter mig|
00000830  68 74 20 68 61 76 65 20  72 65 73 74 65 64 2c 20  |ht have rested, |
00000840  65 78 63 65 70 74 20 74  68 61 74 20 69 6e 20 74  |except that in t|
00000850  68 65 20 6c 61 74 65 20  31 39 38 30 73 20 61 20  |he late 1980s a |
00000860  67 72 6f 75 70 0a 6f 66  20 68 69 67 68 2d 65 6e  |group.of high-en|
00000870  65 72 67 79 20 70 68 79  73 69 63 69 73 74 73 20  |ergy physicists |
00000880  61 74 20 43 45 52 4e 20  69 6e 20 47 65 6e 65 76  |at CERN in Genev|
00000890  61 20 77 65 72 65 20 6c  6f 6f 6b 69 6e 67 20 66  |a were looking f|
000008a0  6f 72 20 61 20 76 69 61  62 6c 65 20 77 61 79 20  |or a viable way |
000008b0  74 6f 0a 73 70 72 65 61  64 20 69 6e 66 6f 72 6d  |to.spread inform|
000008c0  61 74 69 6f 6e 20 72 61  70 69 64 6c 79 20 61 6d  |ation rapidly am|
000008d0  6f 6e 67 20 74 68 65 20  68 69 67 68 2d 65 6e 65  |ong the high-ene|
000008e0  72 67 79 20 70 68 79 73  69 63 73 20 63 6f 6d 6d  |rgy physics comm|
000008f0  75 6e 69 74 79 2e 20 4f  6e 65 20 6f 66 0a 74 68  |unity. One of.th|
00000900  65 69 72 20 72 65 73 65  61 72 63 68 65 72 73 2c  |eir researchers,|
00000910  20 54 69 6d 20 42 65 72  6e 65 72 73 2d 4c 65 65  | Tim Berners-Lee|
00000920  2c 20 77 72 6f 74 65 20  61 20 70 72 6f 70 6f 73  |, wrote a propos|
00000930  61 6c 20 63 61 6c 6c 65  64 20 3c 63 69 74 65 3e  |al called <cite>|
00000940  48 79 70 65 72 54 65 78  74 0a 61 6e 64 20 43 45  |HyperText.and CE|
00000950  52 4e 3c 2f 63 69 74 65  3e 20 77 68 69 63 68 20  |RN</cite> which |
00000960  63 6f 6e 74 61 69 6e 65  64 20 74 68 65 20 62 61  |contained the ba|
00000970  73 69 63 20 70 72 69 6e  63 69 70 6c 65 73 20 77  |sic principles w|
00000980  68 69 63 68 20 77 65 72  65 20 74 6f 20 64 65 76  |hich were to dev|
00000990  65 6c 6f 70 0a 69 6e 74  6f 20 74 68 65 20 57 6f  |elop.into the Wo|
000009a0  72 6c 64 20 57 69 64 65  20 57 65 62 2e 20 54 68  |rld Wide Web. Th|
000009b0  65 73 65 20 77 65 72 65  3a 0a 0a 3c 75 6c 3e 0a  |ese were:..<ul>.|
000009c0  3c 6c 69 3e 41 20 6d 75  6c 74 69 2d 70 6c 61 74  |<li>A multi-plat|
000009d0  66 6f 72 6d 20 61 70 70  72 6f 61 63 68 2c 20 61  |form approach, a|
000009e0  6c 6c 6f 77 69 6e 67 20  74 68 65 20 69 6e 66 6f  |llowing the info|
000009f0  72 6d 61 74 69 6f 6e 20  74 6f 20 62 65 20 61 63  |rmation to be ac|
00000a00  63 65 73 73 65 64 20 66  72 6f 6d 0a 61 73 20 6d  |cessed from.as m|
00000a10  61 6e 79 20 64 69 66 66  65 72 65 6e 74 20 70 6c  |any different pl|
00000a20  61 74 66 6f 72 6d 73 20  61 6e 64 20 69 6e 20 61  |atforms and in a|
00000a30  73 20 6d 61 6e 79 20 64  69 66 66 65 72 65 6e 74  |s many different|
00000a40  20 77 61 79 73 20 61 73  20 70 6f 73 73 69 62 6c  | ways as possibl|
00000a50  65 2e 0a 3c 6c 69 3e a0  41 20 66 6c 65 78 69 62  |e..<li>.A flexib|
00000a60  6c 65 20 61 70 70 72 6f  61 63 68 20 74 6f 20 64  |le approach to d|
00000a70  6f 63 75 6d 65 6e 74 20  74 79 70 65 20 61 6e 64  |ocument type and|
00000a80  20 69 6e 66 6f 72 6d 61  74 69 6f 6e 20 70 72 6f  | information pro|
00000a90  74 6f 63 6f 6c 73 3a 20  74 68 65 20 57 65 62 0a  |tocols: the Web.|
00000aa0  73 68 6f 75 6c 64 6e 27  74 20 69 74 73 65 6c 66  |shouldn't itself|
00000ab0  20 72 65 73 74 72 69 63  74 20 74 68 65 20 74 79  | restrict the ty|
00000ac0  70 65 20 6f 66 20 69 6e  66 6f 72 6d 61 74 69 6f  |pe of informatio|
00000ad0  6e 20 74 68 61 74 20 63  61 6e 20 62 65 20 74 72  |n that can be tr|
00000ae0  61 6e 73 6d 69 74 74 65  64 0a 75 73 69 6e 67 20  |ansmitted.using |
00000af0  69 74 2e 0a 3c 6c 69 3e  a0 55 6e 69 76 65 72 73  |it..<li>.Univers|
00000b00  61 6c 20 61 63 63 65 73  73 3a 20 61 6e 79 20 75  |al access: any u|
00000b10  73 65 72 20 73 68 6f 75  6c 64 20 62 65 20 61 62  |ser should be ab|
00000b20  6c 65 20 74 6f 20 61 63  63 65 73 73 20 61 6e 79  |le to access any|
00000b30  20 69 6e 66 6f 72 6d 61  74 69 6f 6e 2e 0a 3c 2f  | information..</|
00000b40  75 6c 3e 0a 0a 3c 70 3e  4f 76 65 72 20 74 68 65  |ul>..<p>Over the|
00000b50  20 6e 65 78 74 20 66 65  77 20 79 65 61 72 73 2c  | next few years,|
00000b60  20 64 65 76 65 6c 6f 70  6d 65 6e 74 20 77 61 73  | development was|
00000b70  20 6c 61 72 67 65 6c 79  20 63 6f 6e 66 69 6e 65  | largely confine|
00000b80  64 20 74 6f 20 43 45 52  4e 2c 20 62 75 74 20 69  |d to CERN, but i|
00000b90  6e 0a 65 61 72 6c 79 20  31 39 39 33 20 4d 61 72  |n.early 1993 Mar|
00000ba0  63 20 41 6e 64 72 65 65  73 73 65 6e 20 61 74 20  |c Andreessen at |
00000bb0  4e 43 53 41 20 6c 65 64  20 61 20 74 65 61 6d 20  |NCSA led a team |
00000bc0  74 68 61 74 20 64 65 76  65 6c 6f 70 65 64 0a 3c  |that developed.<|
00000bd0  63 69 74 65 3e 4d 6f 73  61 69 63 3c 2f 63 69 74  |cite>Mosaic</cit|
00000be0  65 3e 20 77 68 69 63 68  20 72 61 6e 20 6f 6e 20  |e> which ran on |
00000bf0  58 2d 57 69 6e 64 6f 77  73 2e 20 54 68 69 73 20  |X-Windows. This |
00000c00  77 61 73 20 6f 6e 65 20  6f 66 20 74 68 65 20 66  |was one of the f|
00000c10  69 72 73 74 0a 67 72 61  70 68 69 63 61 6c 20 57  |irst.graphical W|
00000c20  65 62 20 62 72 6f 77 73  65 72 20 2d 20 74 6f 20  |eb browser - to |
00000c30  66 6f 6c 6c 6f 77 20 61  20 6c 69 6e 6b 2c 20 79  |follow a link, y|
00000c40  6f 75 20 70 6f 69 6e 74  65 64 20 61 74 20 61 20  |ou pointed at a |
00000c50  77 6f 72 64 20 61 6e 64  20 63 6c 69 63 6b 65 64  |word and clicked|
00000c60  2e 0a 0a 3c 70 3e 49 6e  20 31 39 39 34 20 74 77  |...<p>In 1994 tw|
00000c70  6f 20 6d 61 6a 6f 72 20  70 6c 61 79 65 72 73 20  |o major players |
00000c80  69 6e 20 74 68 65 20 57  57 57 20 61 72 65 6e 61  |in the WWW arena|
00000c90  20 63 61 6d 65 20 69 6e  74 6f 20 62 65 69 6e 67  | came into being|
00000ca0  2e 20 42 65 63 61 75 73  65 20 74 68 65 0a 57 65  |. Because the.We|
00000cb0  62 20 77 61 73 20 64 65  76 65 6c 6f 70 69 6e 67  |b was developing|
00000cc0  20 73 6f 20 71 75 69 63  6b 6c 79 2c 20 69 74 20  | so quickly, it |
00000cd0  77 61 73 20 6f 62 76 69  6f 75 73 20 74 68 61 74  |was obvious that|
00000ce0  20 73 6f 6d 65 20 61 64  76 69 73 6f 72 79 20 62  | some advisory b|
00000cf0  6f 64 79 20 77 61 73 0a  6e 65 65 64 65 64 2c 20  |ody was.needed, |
00000d00  74 6f 20 64 72 61 77 20  75 70 20 61 20 73 65 74  |to draw up a set|
00000d10  20 6f 66 20 73 74 61 6e  64 61 72 64 73 20 66 6f  | of standards fo|
00000d20  72 20 74 68 65 20 65 76  6f 6c 75 74 69 6f 6e 20  |r the evolution |
00000d30  6f 66 20 74 68 65 20 57  65 62 2e 20 54 68 69 73  |of the Web. This|
00000d40  0a 61 75 74 68 6f 72 69  74 79 20 2d 20 65 76 65  |.authority - eve|
00000d50  6e 74 75 61 6c 6c 79 20  63 61 6c 6c 65 64 20 74  |ntually called t|
00000d60  68 65 20 57 6f 72 6c 64  20 57 69 64 65 20 57 65  |he World Wide We|
00000d70  62 20 43 6f 6e 73 6f 72  74 69 75 6d 20 6f 72 20  |b Consortium or |
00000d80  57 33 43 20 66 6f 72 20  73 68 6f 72 74 0a 2d 20  |W3C for short.- |
00000d90  69 73 20 61 20 63 6f 6e  73 6f 72 74 69 75 6d 20  |is a consortium |
00000da0  6f 66 20 75 6e 69 76 65  72 73 69 74 69 65 73 20  |of universities |
00000db0  61 6e 64 20 70 72 69 76  61 74 65 20 69 6e 64 75  |and private indu|
00000dc0  73 74 72 69 65 73 2c 20  77 68 69 63 68 20 6f 76  |stries, which ov|
00000dd0  65 72 73 65 65 73 20 74  68 65 0a 64 65 76 65 6c  |ersees the.devel|
00000de0  6f 70 6d 65 6e 74 20 6f  66 20 74 68 65 20 57 65  |opment of the We|
00000df0  62 2e 0a 0a 3c 70 3e 54  68 65 20 6f 74 68 65 72  |b...<p>The other|
00000e00  20 70 6c 61 79 65 72 20  28 77 68 69 63 68 20 61  | player (which a|
00000e10  63 74 75 61 6c 6c 79 20  61 70 70 65 61 72 65 64  |ctually appeared|
00000e20  20 62 65 66 6f 72 65 20  57 33 43 29 20 77 61 73  | before W3C) was|
00000e30  20 74 68 65 20 63 6f 6d  70 61 6e 79 20 6e 6f 77  | the company now|
00000e40  0a 6b 6e 6f 77 6e 20 61  73 20 4e 65 74 73 63 61  |.known as Netsca|
00000e50  70 65 20 43 6f 6d 6d 75  6e 69 63 61 74 69 6f 6e  |pe Communication|
00000e60  73 2e 20 4e 65 74 73 63  61 70 65 2c 20 63 6f 2d  |s. Netscape, co-|
00000e70  66 6f 75 6e 64 65 64 20  62 79 20 4d 61 72 63 20  |founded by Marc |
00000e80  41 6e 64 72 65 65 73 65  6e 2c 0a 64 65 76 65 6c  |Andreesen,.devel|
00000e90  6f 70 65 64 20 61 20 63  6f 6d 6d 65 72 63 69 61  |oped a commercia|
00000ea0  6c 20 57 65 62 20 62 72  6f 77 73 65 72 20 2d 20  |l Web browser - |
00000eb0  76 61 72 69 6f 75 73 6c  79 20 63 61 6c 6c 65 64  |variously called|
00000ec0  20 3c 65 6d 3e 4d 6f 7a  69 6c 6c 61 3c 2f 65 6d  | <em>Mozilla</em|
00000ed0  3e 2c 0a 3c 63 69 74 65  3e 4e 61 76 69 67 61 74  |>,.<cite>Navigat|
00000ee0  6f 72 3c 2f 63 69 74 65  3e 20 61 6e 64 20 3c 63  |or</cite> and <c|
00000ef0  69 74 65 3e 41 74 6c 61  73 3c 2f 63 69 74 65 3e  |ite>Atlas</cite>|
00000f00  20 2d 20 74 68 61 74 20  63 61 6d 65 20 74 6f 20  | - that came to |
00000f10  64 6f 6d 69 6e 61 74 65  20 74 68 65 0a 6d 61 72  |dominate the.mar|
00000f20  6b 65 74 2e 20 41 74 20  6f 6e 65 20 70 6f 69 6e  |ket. At one poin|
00000f30  74 20 69 74 20 77 61 73  20 65 73 74 69 6d 61 74  |t it was estimat|
00000f40  65 64 20 74 68 61 74 20  6f 76 65 72 20 39 30 20  |ed that over 90 |
00000f50  70 65 72 20 63 65 6e 74  20 6f 66 20 57 65 62 20  |per cent of Web |
00000f60  62 72 6f 77 73 69 6e 67  0a 77 61 73 20 70 65 72  |browsing.was per|
00000f70  66 6f 72 6d 65 64 20 62  79 20 61 20 76 65 72 73  |formed by a vers|
00000f80  69 6f 6e 20 6f 66 20 4e  65 74 73 63 61 70 65 27  |ion of Netscape'|
00000f90  73 20 62 72 6f 77 73 65  72 2e 20 54 68 69 73 20  |s browser. This |
00000fa0  66 69 67 75 72 65 20 68  61 73 20 64 72 6f 70 70  |figure has dropp|
00000fb0  65 64 0a 72 65 63 65 6e  74 6c 79 2c 20 62 75 74  |ed.recently, but|
00000fc0  20 4e 65 74 73 63 61 70  65 20 73 74 69 6c 6c 20  | Netscape still |
00000fd0  68 61 73 20 61 72 6f 75  6e 64 20 37 35 20 70 65  |has around 75 pe|
00000fe0  72 20 63 65 6e 74 20 6f  66 20 74 68 65 20 6d 61  |r cent of the ma|
00000ff0  72 6b 65 74 2e 0a 0a 3c  68 32 3e 54 68 65 20 73  |rket...<h2>The s|
00001000  68 69 66 74 69 6e 67 20  48 54 4d 4c 20 73 74 61  |hifting HTML sta|
00001010  6e 64 61 72 64 3c 2f 68  32 3e 0a 0a 3c 70 3e 41  |ndard</h2>..<p>A|
00001020  73 20 4e 65 74 73 63 61  70 65 20 68 61 73 20 6e  |s Netscape has n|
00001030  6f 74 20 77 72 69 74 74  65 6e 20 61 20 62 72 6f  |ot written a bro|
00001040  77 73 65 72 20 66 6f 72  20 74 68 65 20 41 63 6f  |wser for the Aco|
00001050  72 6e 20 70 6c 61 74 66  6f 72 6d 2c 20 79 6f 75  |rn platform, you|
00001060  20 6d 61 79 20 62 65 0a  77 6f 6e 64 65 72 69 6e  | may be.wonderin|
00001070  67 20 77 68 65 74 68 65  72 20 74 68 69 73 20 69  |g whether this i|
00001080  73 20 72 65 6c 65 76 61  6e 74 2e 20 49 74 20 69  |s relevant. It i|
00001090  73 2c 20 62 65 63 61 75  73 65 20 69 74 20 68 61  |s, because it ha|
000010a0  64 20 61 20 70 72 6f 66  6f 75 6e 64 0a 69 6e 66  |d a profound.inf|
000010b0  6c 75 65 6e 63 65 20 6f  6e 20 74 68 65 20 64 65  |luence on the de|
000010c0  76 65 6c 6f 70 6d 65 6e  74 20 6f 66 20 48 54 4d  |velopment of HTM|
000010d0  4c 2c 20 74 68 65 20 6c  61 6e 67 75 61 67 65 20  |L, the language |
000010e0  6f 66 20 74 68 65 20 57  65 62 2e 20 48 79 70 65  |of the Web. Hype|
000010f0  72 54 65 78 74 0a 4d 61  72 6b 75 70 20 4c 61 6e  |rText.Markup Lan|
00001100  67 75 61 67 65 2c 20 74  6f 20 67 69 76 65 20 69  |guage, to give i|
00001110  74 20 69 74 73 20 66 75  6c 6c 20 74 69 74 6c 65  |t its full title|
00001120  2c 20 73 68 6f 75 6c 64  20 61 64 68 65 72 65 20  |, should adhere |
00001130  74 6f 20 61 20 73 74 61  6e 64 61 72 64 0a 64 65  |to a standard.de|
00001140  66 69 6e 65 64 20 62 79  20 74 68 65 20 49 6e 74  |fined by the Int|
00001150  65 72 6e 65 74 20 57 6f  72 6b 69 6e 67 20 47 72  |ernet Working Gr|
00001160  6f 75 70 20 6f 66 20 74  68 65 20 49 6e 74 65 72  |oup of the Inter|
00001170  6e 65 74 20 45 6e 67 69  6e 65 65 72 69 6e 67 20  |net Engineering |
00001180  54 61 73 6b 20 46 6f 72  63 65 0a 28 49 45 54 46  |Task Force.(IETF|
00001190  29 2c 20 61 20 73 74 61  6e 64 61 72 64 20 70 72  |), a standard pr|
000011a0  69 6e 63 69 70 61 6c 6c  79 20 64 65 76 65 6c 6f  |incipally develo|
000011b0  70 65 64 20 62 79 20 57  33 43 2e 0a 0a 3c 70 3e  |ped by W3C...<p>|
000011c0  54 68 69 73 20 65 6e 73  75 72 65 73 20 74 68 61  |This ensures tha|
000011d0  74 20 65 76 65 72 79 6f  6e 65 20 6b 6e 6f 77 73  |t everyone knows|
000011e0  20 65 78 61 63 74 6c 79  20 77 68 61 74 20 74 68  | exactly what th|
000011f0  65 79 20 6d 65 61 6e 20  77 68 65 6e 20 74 68 65  |ey mean when the|
00001200  79 20 74 61 6c 6b 0a 61  62 6f 75 74 20 48 54 4d  |y talk.about HTM|
00001210  4c 20 2d 20 69 6e 20 74  68 65 6f 72 79 2e 20 49  |L - in theory. I|
00001220  6e 20 70 72 61 63 74 69  63 65 2c 20 61 6c 74 68  |n practice, alth|
00001230  6f 75 67 68 20 74 68 65  20 77 6f 72 6b 20 6f 66  |ough the work of|
00001240  20 57 33 43 20 69 73 20  76 65 72 79 20 77 6f 72  | W3C is very wor|
00001250  74 68 79 2c 0a 69 74 20  69 73 20 61 6c 73 6f 20  |thy,.it is also |
00001260  76 65 72 79 20 73 6c 6f  77 20 61 6e 64 20 63 61  |very slow and ca|
00001270  75 74 69 6f 75 73 2e 20  54 68 69 73 20 6d 65 61  |utious. This mea|
00001280  6e 73 20 74 68 61 74 20  64 65 73 70 69 74 65 20  |ns that despite |
00001290  74 68 65 20 66 61 63 74  20 74 68 61 74 20 74 68  |the fact that th|
000012a0  65 0a 48 54 4d 4c 20 32  2e 30 20 73 70 65 63 69  |e.HTML 2.0 speci|
000012b0  66 69 63 61 74 69 6f 6e  20 69 73 20 63 75 72 72  |fication is curr|
000012c0  65 6e 74 6c 79 20 69 6d  70 6c 65 6d 65 6e 74 65  |ently implemente|
000012d0  64 20 62 79 20 6a 75 73  74 20 61 62 6f 75 74 20  |d by just about |
000012e0  65 76 65 72 79 20 62 72  6f 77 73 65 72 2c 0a 69  |every browser,.i|
000012f0  74 73 20 63 75 72 72 65  6e 74 20 73 74 61 74 75  |ts current statu|
00001300  73 20 61 74 20 49 45 54  46 20 69 73 20 27 70 72  |s at IETF is 'pr|
00001310  6f 70 6f 73 65 64 20 73  74 61 6e 64 61 72 64 27  |oposed standard'|
00001320  2e 0a 0a 3c 70 3e 4e 65  74 73 63 61 70 65 20 43  |...<p>Netscape C|
00001330  6f 6d 75 6e 69 63 61 74  69 6f 6e 73 2c 20 6e 6f  |omunications, no|
00001340  74 69 6e 67 20 74 68 61  74 20 69 74 73 20 63 75  |ting that its cu|
00001350  73 74 6f 6d 65 72 73 20  77 61 6e 74 65 64 20 74  |stomers wanted t|
00001360  6f 20 64 6f 20 74 68 69  6e 67 73 20 6c 69 6b 65  |o do things like|
00001370  0a 3c 61 20 68 72 65 66  3d 22 74 75 72 71 75 2e  |.<a href="turqu.|
00001380  68 74 6d 6c 22 3e 74 75  72 6e 20 74 68 65 20 62  |html">turn the b|
00001390  61 63 6b 67 72 6f 75 6e  64 20 74 75 72 71 75 6f  |ackground turquo|
000013a0  69 73 65 3c 2f 61 3e 2c  20 61 6e 64 20 62 6f 72  |ise</a>, and bor|
000013b0  65 64 20 6f 66 20 77 61  69 74 69 6e 67 0a 66 6f  |ed of waiting.fo|
000013c0  72 20 74 68 65 20 6f 66  66 69 63 69 61 6c 20 63  |r the official c|
000013d0  68 61 6e 6e 65 6c 73 20  74 6f 20 61 67 72 65 65  |hannels to agree|
000013e0  20 6f 6e 20 61 20 77 61  79 20 74 6f 20 64 6f 20  | on a way to do |
000013f0  74 68 69 73 2c 20 69 6e  76 65 6e 74 65 64 20 69  |this, invented i|
00001400  74 73 20 6f 77 6e 2e 20  41 73 0a 4e 65 74 73 63  |ts own. As.Netsc|
00001410  61 70 65 20 6f 77 6e 65  64 20 73 6f 20 6d 75 63  |ape owned so muc|
00001420  68 20 6f 66 20 74 68 65  20 62 72 6f 77 73 65 72  |h of the browser|
00001430  20 6d 61 72 6b 65 74 2c  20 6d 6f 73 74 20 70 65  | market, most pe|
00001440  6f 70 6c 65 20 77 72 69  74 69 6e 67 20 48 54 4d  |ople writing HTM|
00001450  4c 20 74 6f 6f 6b 0a 61  64 76 61 6e 74 61 67 65  |L took.advantage|
00001460  20 6f 66 20 74 68 65 20  65 78 74 72 61 20 66 65  | of the extra fe|
00001470  61 74 75 72 65 73 20 61  6e 64 2c 20 73 75 72 65  |atures and, sure|
00001480  20 61 73 20 63 68 69 63  6b 65 6e 20 66 6f 6c 6c  | as chicken foll|
00001490  6f 77 73 20 65 67 67 2c  20 73 6f 20 64 69 64 20  |ows egg, so did |
000014a0  6d 6f 73 74 0a 6f 74 68  65 72 20 62 72 6f 77 73  |most.other brows|
000014b0  65 72 73 2e 0a 0a 3c 70  3e 54 68 65 20 6e 65 74  |ers...<p>The net|
000014c0  20 72 65 73 75 6c 74 20  6f 66 20 74 68 69 73 20  | result of this |
000014d0  69 73 20 74 68 61 74 20  74 68 65 72 65 20 61 72  |is that there ar|
000014e0  65 20 73 65 76 65 72 61  6c 20 48 54 4d 4c 20 27  |e several HTML '|
000014f0  73 74 61 6e 64 61 72 64  73 27 2e 20 4d 6f 73 74  |standards'. Most|
00001500  0a 57 65 62 20 61 75 74  68 6f 72 73 20 77 72 69  |.Web authors wri|
00001510  74 65 20 48 54 4d 4c 20  32 2e 30 20 77 69 74 68  |te HTML 2.0 with|
00001520  20 76 61 72 79 69 6e 67  20 61 6d 6f 75 6e 74 73  | varying amounts|
00001530  20 6f 66 20 4e 65 74 73  63 61 70 65 20 65 78 74  | of Netscape ext|
00001540  65 6e 73 69 6f 6e 73 20  74 6f 20 74 68 65 0a 73  |ensions to the.s|
00001550  74 61 6e 64 61 72 64 2c  20 61 6e 64 20 69 74 27  |tandard, and it'|
00001560  73 20 48 54 4d 4c 20 6c  69 6b 65 20 74 68 69 73  |s HTML like this|
00001570  20 74 68 61 74 20 49 27  6d 20 67 6f 69 6e 67 20  | that I'm going |
00001580  74 6f 20 62 65 20 63 6f  76 65 72 69 6e 67 20 69  |to be covering i|
00001590  6e 20 74 68 69 73 0a 73  65 72 69 65 73 2e 0a 0a  |n this.series...|
000015a0  3c 68 32 3e 57 68 61 74  20 69 73 20 48 54 4d 4c  |<h2>What is HTML|
000015b0  3f 3c 2f 68 32 3e 0a 0a  3c 70 3e 54 68 65 20 77  |?</h2>..<p>The w|
000015c0  61 79 20 74 68 61 74 20  57 65 62 20 70 61 67 65  |ay that Web page|
000015d0  73 20 61 72 65 20 73 65  6e 74 20 6f 76 65 72 20  |s are sent over |
000015e0  74 68 65 20 49 6e 74 65  72 6e 65 74 20 69 6e 76  |the Internet inv|
000015f0  6f 6c 76 65 73 20 74 77  6f 20 6d 61 69 6e 0a 63  |olves two main.c|
00001600  6f 6d 70 75 74 65 72 20  70 72 6f 67 72 61 6d 73  |omputer programs|
00001610  3a 20 61 20 73 65 72 76  65 72 20 61 6e 64 20 61  |: a server and a|
00001620  20 62 72 6f 77 73 65 72  2e 20 54 68 65 20 73 65  | browser. The se|
00001630  72 76 65 72 20 73 69 74  73 20 6f 6e 20 74 68 65  |rver sits on the|
00001640  20 6d 61 63 68 69 6e 65  0a 74 68 61 74 20 68 6f  | machine.that ho|
00001650  6c 64 73 20 74 68 65 20  57 65 62 20 70 61 67 65  |lds the Web page|
00001660  73 20 61 6e 64 20 73 65  6e 64 73 20 74 68 65 6d  |s and sends them|
00001670  20 74 6f 20 61 6e 79 6f  6e 65 20 77 68 6f 20 61  | to anyone who a|
00001680  73 6b 73 2c 20 61 6e 64  20 77 65 20 77 6f 6e 27  |sks, and we won'|
00001690  74 0a 77 6f 72 72 79 20  61 62 6f 75 74 20 74 68  |t.worry about th|
000016a0  69 73 20 73 69 64 65 20  6f 66 20 74 68 69 6e 67  |is side of thing|
000016b0  73 20 66 6f 72 20 74 68  65 20 6d 6f 6d 65 6e 74  |s for the moment|
000016c0  2e 20 54 68 65 20 62 72  6f 77 73 65 72 20 72 75  |. The browser ru|
000016d0  6e 73 20 6f 6e 20 74 68  65 0a 75 73 65 72 27 73  |ns on the.user's|
000016e0  20 6d 61 63 68 69 6e 65  2c 20 61 73 6b 73 20 66  | machine, asks f|
000016f0  6f 72 20 74 68 65 20 70  61 67 65 73 2c 20 72 65  |or the pages, re|
00001700  61 64 73 20 74 68 65 6d  20 61 6e 64 20 64 69 73  |ads them and dis|
00001710  70 6c 61 79 73 20 74 68  65 6d 2e 20 59 6f 75 20  |plays them. You |
00001720  64 6f 6e 27 74 0a 61 63  74 75 61 6c 6c 79 20 6e  |don't.actually n|
00001730  65 65 64 20 74 6f 20 62  65 20 63 6f 6e 6e 65 63  |eed to be connec|
00001740  74 65 64 20 74 6f 20 74  68 65 20 49 6e 74 65 72  |ted to the Inter|
00001750  6e 65 74 20 61 74 20 61  6c 6c 2c 20 6d 6f 73 74  |net at all, most|
00001760  20 62 72 6f 77 73 65 72  73 20 77 69 6c 6c 20 6c  | browsers will l|
00001770  6f 6f 6b 0a 61 74 20 57  65 62 20 70 61 67 65 73  |ook.at Web pages|
00001780  20 73 74 6f 72 65 64 20  6c 6f 63 61 6c 6c 79 20  | stored locally |
00001790  6f 6e 20 61 20 68 61 72  64 20 64 72 69 76 65 2c  |on a hard drive,|
000017a0  20 73 6f 20 69 66 20 79  6f 75 27 72 65 20 72 65  | so if you're re|
000017b0  61 64 69 6e 67 20 74 68  69 73 0a 77 69 74 68 6f  |ading this.witho|
000017c0  75 74 20 61 6e 64 20 49  6e 74 65 72 6e 65 74 20  |ut and Internet |
000017d0  61 63 63 6f 75 6e 74 20  74 68 65 6e 20 64 6f 6e  |account then don|
000017e0  27 74 20 64 65 73 70 61  69 72 3b 20 3c 61 20 68  |'t despair; <a h|
000017f0  72 65 66 3d 22 63 68 65  61 70 2e 68 74 6d 6c 22  |ref="cheap.html"|
00001800  3e 79 6f 75 20 63 61 6e  0a 70 6c 61 79 20 74 6f  |>you can.play to|
00001810  6f 3c 2f 61 3e 2e 0a 0a  54 68 65 20 62 72 6f 77  |o</a>...The brow|
00001820  73 65 72 20 69 73 20 74  68 65 20 6b 65 79 20 74  |ser is the key t|
00001830  6f 20 74 68 65 20 77 68  6f 6c 65 20 70 72 6f 63  |o the whole proc|
00001840  65 73 73 2e 20 57 68 65  6e 20 79 6f 75 20 77 72  |ess. When you wr|
00001850  69 74 65 20 48 54 4d 4c  2c 20 77 68 61 74 20 79  |ite HTML, what y|
00001860  6f 75 20 61 72 65 20 77  72 69 74 69 6e 67 20 61  |ou are writing a|
00001870  72 65 20 69 6e 73 74 72  75 63 74 69 6f 6e 73 20  |re instructions |
00001880  74 6f 20 74 68 65 20 62  72 6f 77 73 65 72 20 61  |to the browser a|
00001890  62 6f 75 74 20 68 6f 77  20 74 68 65 20 70 61 67  |bout how the pag|
000018a0  65 20 73 68 6f 75 6c 64  20 62 65 20 64 69 73 70  |e should be disp|
000018b0  6c 61 79 65 64 2e 20 48  6f 77 65 76 65 72 2c 20  |layed. However, |
000018c0  74 68 65 73 65 20 69 6e  73 74 72 75 63 74 69 6f  |these instructio|
000018d0  6e 73 20 61 72 65 20 6e  6f 74 20 74 68 65 20 73  |ns are not the s|
000018e0  6f 72 74 20 6f 66 20 69  6e 73 74 72 75 63 74 69  |ort of instructi|
000018f0  6f 6e 73 20 74 68 61 74  20 79 6f 75 27 6c 6c 20  |ons that you'll |
00001900  62 65 20 75 73 65 64 20  74 6f 20 69 66 20 79 6f  |be used to if yo|
00001910  75 20 64 6f 20 61 20 6c  6f 74 20 6f 66 20 44 54  |u do a lot of DT|
00001920  50 20 77 6f 72 6b 20 2d  20 70 6f 69 6e 74 20 73  |P work - point s|
00001930  69 7a 65 2c 20 66 6f 6e  74 2c 20 66 72 61 6d 65  |ize, font, frame|
00001940  20 69 6e 66 6f 72 6d 61  74 69 6f 6e 20 2d 20 62  | information - b|
00001950  65 63 61 75 73 65 20 74  68 69 73 20 73 6f 72 74  |ecause this sort|
00001960  20 6f 66 20 69 6e 66 6f  72 6d 61 74 69 6f 6e 20  | of information |
00001970  69 73 20 6e 6f 74 20 72  65 61 64 69 6c 79 20 70  |is not readily p|
00001980  6f 72 74 61 62 6c 65 20  62 65 74 77 65 65 6e 20  |ortable between |
00001990  64 69 66 66 65 72 65 6e  74 20 74 79 70 65 73 20  |different types |
000019a0  6f 66 20 62 72 6f 77 73  65 72 73 2e 0a 0a 3c 70  |of browsers...<p|
000019b0  3e 54 6f 20 73 65 65 20  74 68 69 73 20 6d 6f 72  |>To see this mor|
000019c0  65 20 63 6c 65 61 72 6c  79 2c 20 63 6f 6e 73 69  |e clearly, consi|
000019d0  64 65 72 20 74 77 6f 20  65 78 74 72 65 6d 65 20  |der two extreme |
000019e0  74 79 70 65 73 20 6f 66  20 62 72 6f 77 73 65 72  |types of browser|
000019f0  2e 20 54 68 65 20 66 69  72 73 74 0a 74 61 6b 65  |. The first.take|
00001a00  73 20 74 68 65 20 48 54  4d 4c 20 61 6e 64 20 73  |s the HTML and s|
00001a10  70 65 61 6b 73 20 69 74  2e 20 53 75 63 68 20 61  |peaks it. Such a|
00001a20  20 62 72 6f 77 73 65 72  20 77 6f 75 6c 64 20 62  | browser would b|
00001a30  65 20 76 65 72 79 20 75  73 65 66 75 6c 20 74 6f  |e very useful to|
00001a40  20 62 6c 69 6e 64 0a 70  65 6f 70 6c 65 20 61 6e  | blind.people an|
00001a50  64 2c 20 69 6e 64 65 65  64 2c 20 62 72 6f 77 73  |d, indeed, brows|
00001a60  65 72 73 20 6c 69 6b 65  20 74 68 69 73 20 65 78  |ers like this ex|
00001a70  69 73 74 2e 20 54 68 65  20 73 65 63 6f 6e 64 20  |ist. The second |
00001a80  74 61 6b 65 73 20 74 68  65 20 48 54 4d 4c 20 61  |takes the HTML a|
00001a90  6e 64 2c 0a 77 69 74 68  20 61 20 66 6c 61 77 6c  |nd,.with a flawl|
00001aa0  65 73 73 20 6b 6e 6f 77  6c 65 64 67 65 20 6f 66  |ess knowledge of|
00001ab0  20 74 68 65 20 72 75 6c  65 73 20 6f 66 20 74 79  | the rules of ty|
00001ac0  70 6f 67 72 61 70 68 79  20 61 6e 64 20 6f 66 20  |pography and of |
00001ad0  74 68 65 20 70 61 72 74  69 63 75 6c 61 72 0a 27  |the particular.'|
00001ae0  68 6f 75 73 65 20 73 74  79 6c 65 27 20 6f 66 20  |house style' of |
00001af0  61 20 6d 61 67 61 7a 69  6e 65 2c 20 6c 61 79 73  |a magazine, lays|
00001b00  20 6f 75 74 20 70 61 67  65 73 20 66 72 6f 6d 20  | out pages from |
00001b10  69 74 2e 20 42 72 6f 77  73 65 72 73 20 6f 66 20  |it. Browsers of |
00001b20  74 68 65 20 73 65 63 6f  6e 64 0a 74 79 70 65 20  |the second.type |
00001b30  64 6f 6e 27 74 20 65 78  69 73 74 2c 20 62 75 74  |don't exist, but|
00001b40  20 69 74 27 73 20 75 73  65 66 75 6c 20 74 6f 20  | it's useful to |
00001b50  70 72 65 74 65 6e 64 20  74 68 61 74 20 74 68 65  |pretend that the|
00001b60  79 20 64 6f 2e 0a 0a 3c  70 3e 57 68 61 74 20 69  |y do...<p>What i|
00001b70  73 20 74 68 65 20 73 70  65 61 6b 69 6e 67 20 62  |s the speaking b|
00001b80  72 6f 77 73 65 72 20 74  6f 20 6d 61 6b 65 20 6f  |rowser to make o|
00001b90  66 20 74 68 65 20 73 65  74 74 69 6e 67 20 6f 66  |f the setting of|
00001ba0  20 61 20 70 61 72 74 69  63 75 6c 61 72 20 70 6f  | a particular po|
00001bb0  69 6e 74 0a 73 69 7a 65  3f 20 56 65 72 79 20 6c  |int.size? Very l|
00001bc0  69 74 74 6c 65 3a 20 49  20 6b 6e 6f 77 20 6e 6f  |ittle: I know no|
00001bd0  20 6f 6e 65 20 77 68 6f  20 73 70 65 61 6b 73 20  | one who speaks |
00001be0  69 6e 20 54 69 6d 65 73  20 52 6f 6d 61 6e 20 28  |in Times Roman (|
00001bf0  61 6c 74 68 6f 75 67 68  20 49 20 6b 6e 6f 77 0a  |although I know.|
00001c00  70 6c 65 6e 74 79 20 77  68 6f 20 6d 69 67 68 74  |plenty who might|
00001c10  20 61 73 20 77 65 6c 6c  20 62 65 20 74 61 6c 6b  | as well be talk|
00001c20  69 6e 67 20 5a 61 70 66  20 44 69 6e 67 62 61 74  |ing Zapf Dingbat|
00001c30  73 29 2e 20 53 75 63 68  20 69 6e 66 6f 72 6d 61  |s). Such informa|
00001c40  74 69 6f 6e 20 69 73 20  6f 66 20 6e 6f 0a 6d 6f  |tion is of no.mo|
00001c50  72 65 20 75 73 65 20 74  6f 20 74 68 65 20 70 61  |re use to the pa|
00001c60  67 65 20 6c 61 79 6f 75  74 20 62 72 6f 77 73 65  |ge layout browse|
00001c70  72 2c 20 77 68 69 63 68  20 77 69 6c 6c 20 6f 76  |r, which will ov|
00001c80  65 72 72 69 64 65 20 69  74 20 77 69 74 68 20 69  |erride it with i|
00001c90  74 73 20 6f 77 6e 0a 73  65 74 74 69 6e 67 73 2e  |ts own.settings.|
00001ca0  0a 0a 3c 70 3e 54 68 65  20 69 6e 73 74 72 75 63  |..<p>The instruc|
00001cb0  74 69 6f 6e 73 20 63 6f  6e 74 61 69 6e 65 64 20  |tions contained |
00001cc0  77 69 74 68 69 6e 20 48  54 4d 4c 20 61 72 65 20  |within HTML are |
00001cd0  64 65 73 69 67 6e 65 64  20 74 6f 20 70 75 74 20  |designed to put |
00001ce0  74 68 65 20 74 65 78 74  20 69 6e 74 6f 20 61 20  |the text into a |
00001cf0  70 61 72 74 69 63 75 6c  61 72 20 63 6f 6e 74 65  |particular conte|
00001d00  78 74 2c 20 65 69 74 68  65 72 20 62 79 20 6d 61  |xt, either by ma|
00001d10  72 6b 69 6e 67 20 69 74  20 61 73 20 68 61 76 69  |rking it as havi|
00001d20  6e 67 20 61 20 63 65 72  74 61 69 6e 20 65 6d 70  |ng a certain emp|
00001d30  68 61 73 69 73 20 6f 72  20 62 79 20 64 65 66 69  |hasis or by defi|
00001d40  6e 69 6e 67 20 69 74 73  20 72 65 6c 61 74 69 6f  |ning its relatio|
00001d50  6e 20 74 6f 20 73 6f 6d  65 20 6f 74 68 65 72 20  |n to some other |
00001d60  74 65 78 74 2e 20 54 65  6c 6c 20 61 20 73 70 65  |text. Tell a spe|
00001d70  61 6b 69 6e 67 20 62 72  6f 77 73 65 72 20 74 68  |aking browser th|
00001d80  61 74 20 61 20 70 68 72  61 73 65 20 69 73 20 69  |at a phrase is i|
00001d90  74 61 6c 69 63 69 73 65  64 2c 20 61 6e 64 20 69  |talicised, and i|
00001da0  74 20 77 69 6c 6c 20 69  67 6e 6f 72 65 20 74 68  |t will ignore th|
00001db0  65 20 69 6e 73 74 72 75  63 74 69 6f 6e 3b 20 74  |e instruction; t|
00001dc0  65 6c 6c 20 69 74 20 74  68 61 74 20 74 68 65 20  |ell it that the |
00001dd0  70 68 72 61 73 65 20 69  73 20 3c 65 6d 3e 65 6d  |phrase is <em>em|
00001de0  70 68 61 73 69 73 65 64  3c 2f 65 6d 3e 20 61 6e  |phasised</em> an|
00001df0  64 20 69 74 20 77 69 6c  6c 20 6b 6e 6f 77 20 74  |d it will know t|
00001e00  6f 20 73 74 72 65 73 73  20 69 74 20 61 73 20 69  |o stress it as i|
00001e10  74 20 73 70 65 61 6b 73  20 69 74 2e 0a 0a 3c 70  |t speaks it...<p|
00001e20  3e 4f 4b 2c 20 49 27 6c  6c 20 63 6f 6d 65 20 63  |>OK, I'll come c|
00001e30  6c 65 61 6e 2e 20 54 68  65 72 65 27 73 20 6e 6f  |lean. There's no|
00001e40  74 68 69 6e 67 20 61 63  74 75 61 6c 6c 79 20 74  |thing actually t|
00001e50  6f 20 73 74 6f 70 20 79  6f 75 20 75 73 69 6e 67  |o stop you using|
00001e60  20 61 6c 6c 20 73 6f 72  74 73 0a 6f 66 20 74 72  | all sorts.of tr|
00001e70  69 63 6b 73 20 69 6e 20  79 6f 75 72 20 48 54 4d  |icks in your HTM|
00001e80  4c 20 63 6f 64 65 20 74  6f 20 74 72 79 20 74 6f  |L code to try to|
00001e90  20 64 65 66 69 6e 65 20  74 68 65 20 6c 61 79 6f  | define the layo|
00001ea0  75 74 20 61 6e 64 20 61  70 70 65 61 72 65 6e 63  |ut and appearenc|
00001eb0  65 20 6f 66 0a 79 6f 75  72 20 57 65 62 20 70 61  |e of.your Web pa|
00001ec0  67 65 73 2e 20 42 75 74  20 2d 20 61 6e 64 20 69  |ges. But - and i|
00001ed0  74 27 73 20 61 20 3c 65  6d 3e 62 69 67 3c 2f 65  |t's a <em>big</e|
00001ee0  6d 3e 20 62 75 74 20 2d  20 79 6f 75 20 6d 75 73  |m> but - you mus|
00001ef0  74 20 72 65 6d 65 6d 62  65 72 20 74 68 61 74 0a  |t remember that.|
00001f00  6e 6f 74 20 65 76 65 72  79 20 62 72 6f 77 73 65  |not every browse|
00001f10  72 20 77 69 6c 6c 20 74  72 65 61 74 20 74 68 65  |r will treat the|
00001f20  20 69 6e 66 6f 72 6d 61  74 69 6f 6e 20 69 6e 20  | information in |
00001f30  74 68 65 20 73 61 6d 65  20 77 61 79 20 6f 72 20  |the same way or |
00001f40  65 76 65 6e 20 75 73 65  20 69 74 0a 61 74 20 61  |even use it.at a|
00001f50  6c 6c 2e 20 57 68 65 6e  20 73 74 61 72 74 69 6e  |ll. When startin|
00001f60  67 20 6f 75 74 2c 20 69  74 27 73 20 73 61 66 65  |g out, it's safe|
00001f70  72 20 74 6f 20 6d 61 72  6b 20 79 6f 75 72 20 70  |r to mark your p|
00001f80  61 67 65 73 20 75 70 20  73 74 72 69 63 74 6c 79  |ages up strictly|
00001f90  20 66 6f 72 0a 63 6f 6e  74 65 78 74 20 72 61 74  | for.context rat|
00001fa0  68 65 72 20 74 68 61 6e  20 66 6f 72 20 61 70 70  |her than for app|
00001fb0  65 61 72 65 6e 63 65 2e  0a 0a 3c 68 32 3e 4d 61  |earence...<h2>Ma|
00001fc0  72 6b 69 6e 67 20 75 70  20 74 65 78 74 3c 2f 68  |rking up text</h|
00001fd0  32 3e 0a 0a 3c 70 3e 49  66 20 79 6f 75 20 74 61  |2>..<p>If you ta|
00001fe0  6b 65 20 61 20 62 6c 6f  63 6b 20 6f 66 20 70 6c  |ke a block of pl|
00001ff0  61 69 6e 20 74 65 78 74  20 61 6e 64 20 73 65 6e  |ain text and sen|
00002000  64 20 69 74 20 74 6f 20  61 20 62 72 6f 77 73 65  |d it to a browse|
00002010  72 2c 20 79 6f 75 20 77  69 6c 6c 0a 6e 6f 74 69  |r, you will.noti|
00002020  63 65 20 61 20 6e 75 6d  62 65 72 20 6f 66 20 74  |ce a number of t|
00002030  68 69 6e 67 73 20 61 74  20 6f 6e 63 65 2e 20 54  |hings at once. T|
00002040  68 65 20 66 69 72 73 74  20 69 73 20 74 68 61 74  |he first is that|
00002050  20 69 74 20 3c 65 6d 3e  77 69 6c 6c 3c 2f 65 6d  | it <em>will</em|
00002060  3e 20 64 69 73 70 6c 61  79 0a 69 74 2e 20 46 6f  |> display.it. Fo|
00002070  72 6d 61 6c 6c 79 2c 20  74 68 65 72 65 20 61 72  |rmally, there ar|
00002080  65 20 61 20 6e 75 6d 62  65 72 20 6f 66 20 69 74  |e a number of it|
00002090  65 6d 73 20 74 68 61 74  20 73 68 6f 75 6c 64 20  |ems that should |
000020a0  62 65 20 70 72 65 73 65  6e 74 20 69 6e 20 61 0a  |be present in a.|
000020b0  64 6f 63 75 6d 65 6e 74  20 74 6f 20 6d 61 6b 65  |document to make|
000020c0  20 69 74 20 76 61 6c 69  64 20 48 54 4d 4c 2c 20  | it valid HTML, |
000020d0  62 75 74 20 76 65 72 79  20 66 65 77 20 62 72 6f  |but very few bro|
000020e0  77 73 65 72 73 20 77 69  6c 6c 20 61 63 74 75 61  |wsers will actua|
000020f0  6c 6c 79 20 73 75 6c 6b  20 69 66 0a 74 68 65 79  |lly sulk if.they|
00002100  20 61 72 65 6e 27 74 20  74 68 65 72 65 2e 0a 0a  | aren't there...|
00002110  3c 70 3e 54 68 65 20 73  65 63 6f 6e 64 20 70 6f  |<p>The second po|
00002120  69 6e 74 20 69 73 20 74  68 61 74 20 61 6e 79 20  |int is that any |
00002130  65 78 74 72 61 6e 65 6f  75 73 20 73 70 61 63 65  |extraneous space|
00002140  73 2c 20 6c 69 6e 65 20  66 65 65 64 73 20 61 6e  |s, line feeds an|
00002150  64 20 63 61 72 72 69 61  67 65 20 72 65 74 75 72  |d carriage retur|
00002160  6e 73 20 69 6e 20 74 68  65 20 74 65 78 74 20 61  |ns in the text a|
00002170  72 65 20 69 67 6e 6f 72  65 64 2e 20 54 68 65 20  |re ignored. The |
00002180  62 72 6f 77 73 65 72 20  77 69 6c 6c 20 73 69 6d  |browser will sim|
00002190  70 6c 79 20 73 6b 69 70  20 6f 76 65 72 20 74 68  |ply skip over th|
000021a0  65 6d 20 61 6e 64 20 64  69 73 70 6c 61 79 20 74  |em and display t|
000021b0  68 65 20 74 65 78 74 20  69 6e 20 6f 6e 65 20 62  |he text in one b|
000021c0  6c 6f 63 6b 20 77 69 74  68 20 75 6e 69 66 6f 72  |lock with unifor|
000021d0  6d 20 73 70 61 63 69 6e  67 20 62 65 74 77 65 65  |m spacing betwee|
000021e0  6e 20 74 68 65 20 77 6f  72 64 73 2e 20 54 68 65  |n the words. The|
000021f0  72 65 20 61 72 65 20 63  69 72 63 75 6d 73 74 61  |re are circumsta|
00002200  6e 63 65 73 20 77 68 65  6e 20 79 6f 75 20 63 61  |nces when you ca|
00002210  6e 20 6d 61 6b 65 20 74  68 65 20 62 72 6f 77 73  |n make the brows|
00002220  65 72 20 63 61 72 65 20  61 62 6f 75 74 20 65 78  |er care about ex|
00002230  74 72 61 20 73 70 61 63  65 73 20 61 6e 64 20 73  |tra spaces and s|
00002240  6f 20 6f 6e 2c 20 62 75  74 20 77 65 27 6c 6c 20  |o on, but we'll |
00002250  63 6f 76 65 72 20 74 68  6f 73 65 20 6c 61 74 65  |cover those late|
00002260  72 2e 0a 0a 3c 70 3e 4d  61 72 6b 69 6e 67 20 75  |r...<p>Marking u|
00002270  70 20 74 68 65 20 74 65  78 74 20 74 6f 20 74 75  |p the text to tu|
00002280  72 6e 20 69 74 20 69 6e  74 6f 20 48 54 4d 4c 20  |rn it into HTML |
00002290  69 6e 76 6f 6c 76 65 73  20 69 6e 73 65 72 74 69  |involves inserti|
000022a0  6e 67 20 3c 65 6d 3e 74  61 67 73 3c 2f 65 6d 3e  |ng <em>tags</em>|
000022b0  2e 0a 54 61 67 73 20 61  72 65 20 69 6e 73 74 72  |..Tags are instr|
000022c0  75 63 74 69 6f 6e 73 20  63 6f 6e 74 61 69 6e 65  |uctions containe|
000022d0  64 20 77 69 74 68 69 6e  20 61 6e 67 6c 65 20 62  |d within angle b|
000022e0  72 61 63 6b 65 74 73 20  27 26 6c 74 3b 26 67 74  |rackets '&lt;&gt|
000022f0  3b 27 20 61 6e 64 20 61  72 65 0a 63 61 73 65 2d  |;' and are.case-|
00002300  69 6e 73 65 6e 73 69 74  69 76 65 2e 20 54 68 65  |insensitive. The|
00002310  79 20 75 73 75 61 6c 6c  79 20 63 6f 6d 65 20 69  |y usually come i|
00002320  6e 20 70 61 69 72 73 20  2d 20 61 20 27 74 75 72  |n pairs - a 'tur|
00002330  6e 20 6f 6e 27 20 61 6e  64 20 27 74 75 72 6e 20  |n on' and 'turn |
00002340  6f 66 66 27 20 74 61 67  0a 2d 20 77 69 74 68 20  |off' tag.- with |
00002350  74 68 65 20 73 65 63 6f  6e 64 20 6f 66 20 74 68  |the second of th|
00002360  65 20 74 77 6f 20 62 65  69 6e 67 20 70 72 65 63  |e two being prec|
00002370  65 64 65 64 20 62 79 20  61 20 73 6c 61 73 68 20  |eded by a slash |
00002380  27 2f 27 2e 20 46 6f 72  20 65 78 61 6d 70 6c 65  |'/'. For example|
00002390  2c 20 74 6f 0a 65 6d 70  68 61 73 69 73 65 20 61  |, to.emphasise a|
000023a0  20 77 6f 72 64 20 6f 72  20 70 68 72 61 73 65 2c  | word or phrase,|
000023b0  20 65 6e 63 6c 6f 73 65  20 69 74 20 77 69 74 68  | enclose it with|
000023c0  69 6e 20 74 68 65 0a 3c  76 61 72 3e 26 6c 74 3b  |in the.<var>&lt;|
000023d0  65 6d 26 67 74 3b 26 6c  74 3b 2f 65 6d 26 67 74  |em&gt;&lt;/em&gt|
000023e0  3b 3c 2f 76 61 72 3e 20  74 61 67 20 70 61 69 72  |;</var> tag pair|
000023f0  2c 20 61 73 20 69 6e 3a  0a 0a 3c 70 3e 3c 6b 62  |, as in:..<p><kb|
00002400  64 3e 54 68 69 73 20 70  6f 69 6e 74 20 69 73 20  |d>This point is |
00002410  26 6c 74 3b 65 6d 26 67  74 3b 76 65 72 79 26 6c  |&lt;em&gt;very&l|
00002420  74 3b 2f 65 6d 26 67 74  3b 20 69 6d 70 6f 72 74  |t;/em&gt; import|
00002430  61 6e 74 2e 3c 2f 6b 62  64 3e 0a 0a 3c 70 3e 49  |ant.</kbd>..<p>I|
00002440  27 6c 6c 20 74 61 6c 6b  20 61 62 6f 75 74 20 74  |'ll talk about t|
00002450  68 65 20 6f 74 68 65 72  20 6b 69 6e 64 20 6f 66  |he other kind of|
00002460  20 74 61 67 20 2d 20 74  68 65 20 73 65 6c 66 2d  | tag - the self-|
00002470  63 6f 6e 74 61 69 6e 65  64 20 6f 6e 65 20 2d 20  |contained one - |
00002480  69 6e 20 74 68 65 20 6e  65 78 74 20 69 73 73 75  |in the next issu|
00002490  65 2e 0a 0a 3c 68 32 3e  41 6e 20 48 54 4d 4c 20  |e...<h2>An HTML |
000024a0  73 6b 65 6c 65 74 6f 6e  3c 2f 68 32 3e 0a 0a 3c  |skeleton</h2>..<|
000024b0  70 3e 4e 6f 77 20 74 68  61 74 20 79 6f 75 27 76  |p>Now that you'v|
000024c0  65 20 73 65 65 6e 20 68  6f 77 20 74 61 67 73 20  |e seen how tags |
000024d0  77 6f 72 6b 20 2d 20 69  74 27 73 20 73 69 6d 70  |work - it's simp|
000024e0  6c 65 20 72 65 61 6c 6c  79 20 2d 20 79 6f 75 20  |le really - you |
000024f0  63 61 6e 20 63 72 65 61  74 65 0a 79 6f 75 72 20  |can create.your |
00002500  6f 77 6e 20 62 6f 6e 61  20 66 69 64 65 20 48 54  |own bona fide HT|
00002510  4d 4c 20 66 69 6c 65 20  66 72 6f 6d 20 61 20 62  |ML file from a b|
00002520  6c 6f 63 6b 20 6f 66 20  74 65 78 74 2e 20 46 69  |lock of text. Fi|
00002530  72 73 74 2c 20 79 6f 75  20 68 61 76 65 20 74 6f  |rst, you have to|
00002540  20 74 65 6c 6c 0a 74 68  65 20 62 72 6f 77 73 65  | tell.the browse|
00002550  72 20 74 68 61 74 20 74  68 65 20 77 68 6f 6c 65  |r that the whole|
00002560  20 64 6f 63 75 6d 65 6e  74 20 69 73 20 48 54 4d  | document is HTM|
00002570  4c 20 62 79 20 65 6e 63  6c 6f 73 69 6e 67 20 69  |L by enclosing i|
00002580  74 20 77 69 74 68 69 6e  20 74 68 65 0a 3c 76 61  |t within the.<va|
00002590  72 3e 26 6c 74 3b 68 74  6d 6c 26 67 74 3b 26 6c  |r>&lt;html&gt;&l|
000025a0  74 3b 2f 68 74 6d 6c 26  67 74 3b 3c 2f 76 61 72  |t;/html&gt;</var|
000025b0  3e 20 74 61 67 20 70 61  69 72 2e 20 4e 65 78 74  |> tag pair. Next|
000025c0  2c 20 79 6f 75 20 68 61  76 65 20 74 6f 20 73 65  |, you have to se|
000025d0  70 61 72 61 74 65 20 74  68 65 0a 62 6f 64 79 20  |parate the.body |
000025e0  6f 66 20 74 68 65 20 64  6f 63 75 6d 65 6e 74 20  |of the document |
000025f0  28 77 68 69 63 68 20 63  6f 6e 74 61 69 6e 73 20  |(which contains |
00002600  74 68 65 20 74 65 78 74  29 20 66 72 6f 6d 20 74  |the text) from t|
00002610  68 65 20 68 65 61 64 65  72 20 77 68 69 63 68 20  |he header which |
00002620  63 6f 6e 74 61 69 6e 73  0a 6f 74 68 65 72 20 69  |contains.other i|
00002630  6e 66 6f 72 6d 61 74 69  6f 6e 20 69 6e 63 6c 75  |nformation inclu|
00002640  64 69 6e 67 20 3c 61 20  68 72 65 66 3d 22 74 69  |ding <a href="ti|
00002650  74 6c 65 2e 68 74 6d 6c  22 3e 74 68 65 20 74 69  |tle.html">the ti|
00002660  74 6c 65 3c 2f 61 3e 2e  0a 0a 3c 70 3e 54 68 69  |tle</a>...<p>Thi|
00002670  73 20 69 73 20 61 6c 6c  20 64 6f 6e 65 20 77 69  |s is all done wi|
00002680  74 68 20 61 70 70 72 6f  70 72 69 61 74 65 20 74  |th appropriate t|
00002690  61 67 20 70 61 69 72 73  2c 20 74 6f 20 70 72 6f  |ag pairs, to pro|
000026a0  64 75 63 65 20 61 20 64  6f 63 75 6d 65 6e 74 20  |duce a document |
000026b0  74 68 61 74 0a 6c 6f 6f  6b 73 20 6c 69 6b 65 20  |that.looks like |
000026c0  74 68 69 73 3a 0a 0a 3c  70 3e 3c 6b 62 64 3e 0a  |this:..<p><kbd>.|
000026d0  26 6c 74 3b 68 74 6d 6c  26 67 74 3b 3c 62 72 3e  |&lt;html&gt;<br>|
000026e0  0a 26 6c 74 3b 68 65 61  64 26 67 74 3b 3c 62 72  |.&lt;head&gt;<br|
000026f0  3e 0a 26 6c 74 3b 74 69  74 6c 65 26 67 74 3b 54  |>.&lt;title&gt;T|
00002700  69 74 6c 65 20 68 65 72  65 26 6c 74 3b 2f 74 69  |itle here&lt;/ti|
00002710  74 6c 65 26 67 74 3b 3c  62 72 3e 0a 26 6c 74 3b  |tle&gt;<br>.&lt;|
00002720  2f 68 65 61 64 26 67 74  3b 3c 62 72 3e 0a 26 6c  |/head&gt;<br>.&l|
00002730  74 3b 62 6f 64 79 26 67  74 3b 3c 62 72 3e 0a 54  |t;body&gt;<br>.T|
00002740  65 78 74 20 6f 66 20 64  6f 63 75 6d 65 6e 74 20  |ext of document |
00002750  68 65 72 65 3c 62 72 3e  0a 26 6c 74 3b 2f 62 6f  |here<br>.&lt;/bo|
00002760  64 79 26 67 74 3b 3c 62  72 3e 0a 26 6c 74 3b 2f  |dy&gt;<br>.&lt;/|
00002770  68 74 6d 6c 26 67 74 3b  3c 62 72 3e 0a 3c 2f 6b  |html&gt;<br>.</k|
00002780  62 64 3e 0a 0a 3c 70 3e  4c 6f 6f 6b 69 6e 67 20  |bd>..<p>Looking |
00002790  61 74 20 74 68 65 20 61  62 6f 76 65 2c 20 79 6f  |at the above, yo|
000027a0  75 20 63 61 6e 20 73 65  65 20 74 68 61 74 20 74  |u can see that t|
000027b0  61 67 73 20 63 61 6e 20  62 65 20 6e 65 73 74 65  |ags can be neste|
000027c0  64 2e 20 46 6f 72 20 69  6e 73 74 61 6e 63 65 2c  |d. For instance,|
000027d0  0a 74 68 65 20 74 69 74  6c 65 20 69 73 20 77 69  |.the title is wi|
000027e0  74 68 69 6e 20 74 68 65  20 68 65 61 64 65 72 20  |thin the header |
000027f0  6f 66 20 74 68 65 20 64  6f 63 75 6d 65 6e 74 2c  |of the document,|
00002800  20 61 6e 64 20 62 6f 74  68 20 74 68 65 20 62 6f  | and both the bo|
00002810  64 79 20 61 6e 64 20 68  65 61 64 65 72 0a 61 72  |dy and header.ar|
00002820  65 20 77 69 74 68 69 6e  20 74 68 65 20 6f 75 74  |e within the out|
00002830  65 72 20 3c 76 61 72 3e  26 6c 74 3b 68 74 6d 6c  |er <var>&lt;html|
00002840  26 67 74 3b 3c 2f 76 61  72 3e 20 74 61 67 73 2e  |&gt;</var> tags.|
00002850  0a 0a 3c 70 3e 57 68 61  74 20 49 20 68 61 76 65  |..<p>What I have|
00002860  20 77 72 69 74 74 65 6e  20 61 62 6f 76 65 20 69  | written above i|
00002870  73 20 61 20 70 65 72 66  65 63 74 6c 79 20 76 61  |s a perfectly va|
00002880  6c 69 64 20 48 54 4d 4c  20 66 69 6c 65 20 28 77  |lid HTML file (w|
00002890  65 6c 6c 2c 20 61 6c 6d  6f 73 74 2c 0a 62 75 74  |ell, almost,.but|
000028a0  20 64 6f 6e 27 74 20 77  6f 72 72 79 20 61 62 6f  | don't worry abo|
000028b0  75 74 20 69 74 29 2c 20  62 75 74 20 74 68 65 72  |ut it), but ther|
000028c0  65 27 73 20 61 20 6c 69  74 74 6c 65 20 6d 6f 72  |e's a little mor|
000028d0  65 20 77 6f 72 6b 20 74  68 61 74 20 6e 65 65 64  |e work that need|
000028e0  73 20 64 6f 69 6e 67 0a  62 65 66 6f 72 65 20 69  |s doing.before i|
000028f0  74 20 77 69 6c 6c 20 64  69 73 70 6c 61 79 20 69  |t will display i|
00002900  6e 20 61 20 73 65 6e 73  69 62 6c 65 20 6d 61 6e  |n a sensible man|
00002910  6e 65 72 2e 20 41 73 20  49 20 68 61 76 65 20 61  |ner. As I have a|
00002920  6c 72 65 61 64 79 20 6f  62 73 65 72 76 65 64 2c  |lready observed,|
00002930  20 57 65 62 0a 62 72 6f  77 73 65 72 73 20 69 67  | Web.browsers ig|
00002940  6e 6f 72 65 20 61 6c 6c  20 6c 69 6e 65 20 66 65  |nore all line fe|
00002950  65 64 73 20 61 6e 64 20  63 61 72 72 69 61 67 65  |eds and carriage|
00002960  20 72 65 74 75 72 6e 73  20 61 6e 64 20 77 69 6c  | returns and wil|
00002970  6c 20 72 75 6e 20 70 61  72 61 67 72 61 70 68 73  |l run paragraphs|
00002980  0a 74 6f 67 65 74 68 65  72 2e 20 54 6f 20 73 74  |.together. To st|
00002990  6f 70 20 74 68 65 6d 20  64 6f 69 6e 67 20 74 68  |op them doing th|
000029a0  69 73 2c 20 79 6f 75 20  6e 65 65 64 20 74 6f 20  |is, you need to |
000029b0  6d 61 72 6b 20 70 61 72  61 67 72 61 70 68 73 20  |mark paragraphs |
000029c0  75 73 69 6e 67 20 74 68  65 0a 3c 76 61 72 3e 26  |using the.<var>&|
000029d0  6c 74 3b 70 26 67 74 3b  3c 2f 76 61 72 3e 20 74  |lt;p&gt;</var> t|
000029e0  61 67 2e 0a 0a 53 74 72  69 63 74 6c 79 20 73 70  |ag...Strictly sp|
000029f0  65 61 6b 69 6e 67 2c 20  3c 76 61 72 3e 26 6c 74  |eaking, <var>&lt|
00002a00  3b 70 26 67 74 3b 3c 2f  76 61 72 3e 20 6d 61 72  |;p&gt;</var> mar|
00002a10  6b 73 20 74 68 65 20 73  74 61 72 74 20 6f 66 20  |ks the start of |
00002a20  61 20 70 61 72 61 67 72  61 70 68 20 61 6e 64 0a  |a paragraph and.|
00002a30  3c 76 61 72 3e 26 6c 74  3b 2f 70 26 67 74 3b 3c  |<var>&lt;/p&gt;<|
00002a40  2f 76 61 72 3e 20 74 68  65 20 65 6e 64 2c 20 62  |/var> the end, b|
00002a50  75 74 20 79 6f 75 20 63  61 6e 20 73 61 66 65 6c  |ut you can safel|
00002a60  79 20 69 67 6e 6f 72 65  20 74 68 65 20 65 6e 64  |y ignore the end|
00002a70  20 74 61 67 20 61 6e 64  20 6a 75 73 74 0a 75 73  | tag and just.us|
00002a80  65 20 3c 76 61 72 3e 26  6c 74 3b 70 26 67 74 3b  |e <var>&lt;p&gt;|
00002a90  3c 2f 76 61 72 3e 20 74  6f 20 6d 61 72 6b 20 70  |</var> to mark p|
00002aa0  61 72 61 67 72 61 70 68  20 73 74 61 72 74 73 2e  |aragraph starts.|
00002ab0  0a 0a 3c 68 32 3e 41 6e  63 68 6f 72 20 74 61 67  |..<h2>Anchor tag|
00002ac0  73 20 61 6e 64 20 61 74  74 72 69 62 75 74 65 73  |s and attributes|
00002ad0  3c 2f 68 32 3e 0a 0a 3c  70 3e 53 6f 20 66 61 72  |</h2>..<p>So far|
00002ae0  2c 20 77 65 20 63 61 6e  20 6d 61 72 6b 20 61 20  |, we can mark a |
00002af0  64 6f 63 75 6d 65 6e 74  20 61 73 20 76 61 6c 69  |document as vali|
00002b00  64 20 48 54 4d 4c 2c 20  61 6e 64 20 66 6c 61 67  |d HTML, and flag|
00002b10  20 6f 66 66 20 61 6c 6c  20 74 68 65 0a 70 61 72  | off all the.par|
00002b20  61 67 72 61 70 68 73 2e  20 48 6f 77 65 76 65 72  |agraphs. However|
00002b30  2c 20 6f 6e 65 20 6f 66  20 74 68 65 20 6b 65 79  |, one of the key|
00002b40  20 66 65 61 74 75 72 65  73 20 6f 66 20 48 54 4d  | features of HTM|
00002b50  4c 20 69 73 20 74 68 65  20 61 62 69 6c 69 74 79  |L is the ability|
00002b60  20 74 6f 20 6c 69 6e 6b  0a 77 6f 72 64 73 20 61  | to link.words a|
00002b70  6e 64 20 70 68 72 61 73  65 73 20 74 6f 20 6f 74  |nd phrases to ot|
00002b80  68 65 72 20 64 6f 63 75  6d 65 6e 74 73 2e 20 54  |her documents. T|
00002b90  68 69 73 20 69 73 20 61  63 63 6f 6d 70 6c 69 73  |his is accomplis|
00002ba0  68 65 64 20 77 69 74 68  20 74 68 65 20 41 6e 63  |hed with the Anc|
00002bb0  68 6f 72 0a 74 61 67 20  3c 76 61 72 3e 26 6c 74  |hor.tag <var>&lt|
00002bc0  3b 61 26 67 74 3b 3c 2f  76 61 72 3e 2e 0a 0a 3c  |;a&gt;</var>...<|
00002bd0  70 3e 50 6c 61 63 69 6e  67 20 3c 76 61 72 3e 26  |p>Placing <var>&|
00002be0  6c 74 3b 61 26 67 74 3b  3c 2f 76 61 72 3e 20 61  |lt;a&gt;</var> a|
00002bf0  6e 64 20 3c 76 61 72 3e  26 6c 74 3b 2f 61 26 67  |nd <var>&lt;/a&g|
00002c00  74 3b 3c 2f 76 61 72 3e  20 72 6f 75 6e 64 20 73  |t;</var> round s|
00002c10  6f 6d 65 20 74 65 78 74  0a 6d 61 72 6b 73 20 69  |ome text.marks i|
00002c20  74 20 61 73 20 61 6e 20  61 6e 63 68 6f 72 20 2d  |t as an anchor -|
00002c30  20 61 20 6c 69 6e 6b 20  74 6f 20 61 6e 6f 74 68  | a link to anoth|
00002c40  65 72 20 64 6f 63 75 6d  65 6e 74 2e 20 41 73 74  |er document. Ast|
00002c50  75 74 65 20 72 65 61 64  65 72 73 20 77 69 6c 6c  |ute readers will|
00002c60  0a 6e 6f 74 69 63 65 20  74 68 61 74 20 77 65 20  |.notice that we |
00002c70  68 61 76 65 6e 27 74 20  61 63 74 75 61 6c 6c 79  |haven't actually|
00002c80  20 73 70 65 63 69 66 69  65 64 20 77 68 65 72 65  | specified where|
00002c90  20 74 68 65 20 66 69 6c  65 20 6c 69 6e 6b 73 20  | the file links |
00002ca0  74 6f 2e 20 57 65 20 64  6f 20 74 68 69 73 0a 62  |to. We do this.b|
00002cb0  79 20 75 73 69 6e 67 20  74 61 67 20 3c 65 6d 3e  |y using tag <em>|
00002cc0  61 74 74 72 69 62 75 74  65 73 3c 2f 65 6d 3e 2e  |attributes</em>.|
00002cd0  0a 0a 3c 70 3e 4d 6f 73  74 20 74 61 67 73 20 69  |..<p>Most tags i|
00002ce0  6e 20 48 54 4d 4c 20 63  61 6e 20 68 61 76 65 20  |n HTML can have |
00002cf0  61 74 74 72 69 62 75 74  65 73 2e 20 54 68 65 79  |attributes. They|
00002d00  20 61 72 65 20 73 70 65  63 69 66 69 65 64 20 62  | are specified b|
00002d10  79 20 70 75 74 74 69 6e  67 20 73 65 74 73 0a 6f  |y putting sets.o|
00002d20  66 3a 0a 0a 3c 70 3e 3c  6b 62 64 3e 76 61 72 69  |f:..<p><kbd>vari|
00002d30  61 62 6c 65 3d 22 76 61  6c 75 65 22 3c 2f 6b 62  |able="value"</kb|
00002d40  64 3e 0a 0a 3c 70 3e 70  61 69 72 73 20 77 69 74  |d>..<p>pairs wit|
00002d50  68 69 6e 20 74 68 65 20  6f 70 65 6e 69 6e 67 20  |hin the opening |
00002d60  74 61 67 2e 20 49 6e 20  74 68 69 73 20 63 61 73  |tag. In this cas|
00002d70  65 20 74 68 65 20 72 65  6c 65 76 61 6e 74 20 76  |e the relevant v|
00002d80  61 72 69 61 62 6c 65 20  69 73 20 27 68 72 65 66  |ariable is 'href|
00002d90  27 0a 61 6e 64 20 74 68  65 20 76 61 6c 75 65 20  |'.and the value |
00002da0  69 73 20 74 68 65 20 6e  61 6d 65 20 6f 66 20 74  |is the name of t|
00002db0  68 65 20 6c 69 6e 6b 2e  20 54 6f 20 6c 69 6e 6b  |he link. To link|
00002dc0  20 74 6f 20 61 20 66 69  6c 65 0a 3c 63 69 74 65  | to a file.<cite|
00002dd0  3e 6d 61 69 6c 2e 68 74  6d 6c 3c 2f 63 69 74 65  |>mail.html</cite|
00002de0  3e 20 79 6f 75 20 77 6f  75 6c 64 20 74 68 65 72  |> you would ther|
00002df0  65 66 6f 72 65 20 77 72  69 74 65 20 73 6f 6d 65  |efore write some|
00002e00  74 68 69 6e 67 20 6c 69  6b 65 3a 0a 0a 3c 70 3e  |thing like:..<p>|
00002e10  3c 6b 62 64 3e 59 6f 75  20 63 61 6e 20 61 6c 73  |<kbd>You can als|
00002e20  6f 20 26 6c 74 3b 61 20  68 72 65 66 3d 22 6d 61  |o &lt;a href="ma|
00002e30  69 6c 2e 68 74 6d 6c 22  26 67 74 3b 6d 61 69 6c  |il.html"&gt;mail|
00002e40  20 6d 65 26 6c 74 3b 2f  61 26 67 74 3b 3c 2f 6b  | me&lt;/a&gt;</k|
00002e50  62 64 3e 2e 0a 0a 3c 70  3e 57 68 65 6e 20 74 68  |bd>...<p>When th|
00002e60  69 73 20 69 73 20 64 69  73 70 6c 61 79 65 64 20  |is is displayed |
00002e70  69 6e 20 61 20 62 72 6f  77 73 65 72 2c 20 74 68  |in a browser, th|
00002e80  65 20 77 6f 72 64 73 20  27 6d 61 69 6c 20 6d 65  |e words 'mail me|
00002e90  27 20 77 69 6c 6c 20 62  65 0a 68 69 67 68 6c 69  |' will be.highli|
00002ea0  67 68 74 65 64 20 69 6e  20 73 6f 6d 65 20 77 61  |ghted in some wa|
00002eb0  79 20 2d 20 6f 66 74 65  6e 20 62 79 20 63 6f 6c  |y - often by col|
00002ec0  6f 75 72 69 6e 67 20 74  68 65 6d 20 62 6c 75 65  |ouring them blue|
00002ed0  20 2d 20 61 6e 64 20 28  69 6e 20 61 20 57 49 4d  | - and (in a WIM|
00002ee0  50 0a 65 6e 76 69 72 6f  6e 6d 65 6e 74 29 20 74  |P.environment) t|
00002ef0  68 65 20 62 72 6f 77 73  65 72 20 63 61 6e 20 62  |he browser can b|
00002f00  65 20 74 6f 6c 64 20 74  6f 20 6c 6f 61 64 20 74  |e told to load t|
00002f10  68 65 20 66 69 6c 65 20  3c 63 69 74 65 3e 6d 61  |he file <cite>ma|
00002f20  69 6c 2e 68 74 6d 6c 3c  2f 63 69 74 65 3e 0a 62  |il.html</cite>.b|
00002f30  79 20 63 6c 69 63 6b 69  6e 67 20 6f 6e 20 74 68  |y clicking on th|
00002f40  65 20 77 6f 72 64 73 2e  0a 0a 3c 70 3e 55 73 75  |e words...<p>Usu|
00002f50  61 6c 6c 79 20 61 6e 63  68 6f 72 20 74 61 67 73  |ally anchor tags|
00002f60  20 61 72 65 20 61 20 6c  69 74 74 6c 65 20 6d 6f  | are a little mo|
00002f70  72 65 20 63 6f 6d 70 6c  65 78 20 74 68 61 6e 20  |re complex than |
00002f80  74 68 69 73 2c 20 62 75  74 0a 74 68 61 74 27 73  |this, but.that's|
00002f90  20 61 20 74 6f 70 69 63  20 66 6f 72 20 74 68 65  | a topic for the|
00002fa0  20 6e 65 78 74 20 69 6e  20 74 68 65 20 73 65 72  | next in the ser|
00002fb0  69 65 73 2e 20 49 27 76  65 20 67 69 76 65 6e 20  |ies. I've given |
00002fc0  79 6f 75 20 71 75 69 74  65 20 65 6e 6f 75 67 68  |you quite enough|
00002fd0  20 74 6f 0a 74 68 69 6e  6b 20 61 62 6f 75 74 20  | to.think about |
00002fe0  66 6f 72 20 6f 6e 65 20  6d 6f 6e 74 68 2c 20 61  |for one month, a|
00002ff0  6e 64 20 69 66 20 79 6f  75 27 72 65 20 66 65 65  |nd if you're fee|
00003000  6c 69 6e 67 20 61 64 76  65 6e 74 75 72 6f 75 73  |ling adventurous|
00003010  20 79 6f 75 20 63 61 6e  20 61 6c 77 61 79 73 0a  | you can always.|
00003020  6c 6f 6f 6b 20 61 74 20  74 68 65 20 3c 61 20 68  |look at the <a h|
00003030  72 65 66 3d 22 64 69 73  63 2e 68 74 6d 6c 22 3e  |ref="disc.html">|
00003040  66 69 6c 65 73 20 6f 6e  20 74 68 65 20 63 6f 76  |files on the cov|
00003050  65 72 20 64 69 73 63 3c  2f 61 3e 2e 0a 0a 3c 68  |er disc</a>...<h|
00003060  32 3e 57 68 65 72 65 20  6e 65 78 74 20 66 72 6f  |2>Where next fro|
00003070  6d 20 68 65 72 65 3f 3c  2f 68 32 3e 0a 0a 3c 70  |m here?</h2>..<p|
00003080  3e 53 74 61 72 74 69 6e  67 20 66 72 6f 6d 20 74  |>Starting from t|
00003090  68 65 20 77 6f 72 64 2c  20 77 65 20 77 65 6e 74  |he word, we went|
000030a0  20 6f 6e 65 2d 64 69 6d  65 6e 73 69 6f 6e 61 6c  | one-dimensional|
000030b0  20 77 69 74 68 20 73 65  6e 74 65 6e 63 65 73 2c  | with sentences,|
000030c0  0a 74 77 6f 2d 64 69 6d  65 6e 73 69 6f 6e 61 6c  |.two-dimensional|
000030d0  20 77 69 74 68 20 70 61  72 61 67 72 61 70 68 73  | with paragraphs|
000030e0  20 61 6e 64 20 66 69 6e  61 6c 6c 79 20 74 68 72  | and finally thr|
000030f0  65 65 2d 64 69 6d 65 6e  73 69 6f 6e 61 6c 20 77  |ee-dimensional w|
00003100  69 74 68 20 68 79 70 65  72 74 65 78 74 2e 0a 54  |ith hypertext..T|
00003110  68 61 74 27 73 20 61 62  6f 75 74 20 61 73 20 66  |hat's about as f|
00003120  61 72 20 61 73 20 49 27  6d 20 67 6f 69 6e 67 20  |ar as I'm going |
00003130  74 6f 20 73 74 72 65 74  63 68 20 74 68 65 20 6d  |to stretch the m|
00003140  65 74 61 70 68 6f 72 3b  20 49 27 6d 20 6e 6f 74  |etaphor; I'm not|
00003150  20 63 6f 76 65 72 69 6e  67 0a 74 69 6d 65 20 74  | covering.time t|
00003160  72 61 76 65 6c 20 6e 65  78 74 20 69 73 73 75 65  |ravel next issue|
00003170  2e 20 49 6e 73 74 65 61  64 2c 20 49 27 6c 6c 20  |. Instead, I'll |
00003180  73 68 6f 77 20 79 6f 75  20 68 6f 77 20 74 6f 20  |show you how to |
00003190  73 65 74 20 6f 75 74 20  61 63 72 6f 73 73 20 74  |set out across t|
000031a0  68 65 0a 49 6e 74 65 72  6e 65 74 2c 20 61 6e 64  |he.Internet, and|
000031b0  20 61 6c 73 6f 20 68 6f  77 20 74 6f 20 69 6e 63  | also how to inc|
000031c0  6f 72 70 6f 72 61 74 65  20 70 69 63 74 75 72 65  |orporate picture|
000031d0  73 20 69 6e 74 6f 20 79  6f 75 72 20 74 65 78 74  |s into your text|
000031e0  2e 0a 0a 3c 70 3e 55 6e  74 69 6c 20 74 68 65 6e  |...<p>Until then|
000031f0  20 79 6f 75 20 73 68 6f  75 6c 64 20 73 70 65 6e  | you should spen|
00003200  64 20 79 6f 75 72 20 74  69 6d 65 20 62 65 69 6e  |d your time bein|
00003210  67 20 73 75 72 65 20 74  68 61 74 20 79 6f 75 20  |g sure that you |
00003220  75 6e 64 65 72 73 74 61  6e 64 20 6f 70 65 6e 69  |understand openi|
00003230  6e 67 20 61 6e 64 20 63  6c 6f 73 69 6e 67 20 74  |ng and closing t|
00003240  61 67 20 70 61 69 72 73  2c 20 74 68 65 20 64 69  |ag pairs, the di|
00003250  66 66 65 72 65 6e 63 65  20 62 65 74 77 65 65 6e  |fference between|
00003260  20 74 68 65 20 68 65 61  64 20 61 6e 64 20 74 68  | the head and th|
00003270  65 20 62 6f 64 79 20 6f  66 20 61 6e 20 48 54 4d  |e body of an HTM|
00003280  4c 20 64 6f 63 75 6d 65  6e 74 20 61 6e 64 20 77  |L document and w|
00003290  68 61 74 20 61 20 74 61  67 20 61 74 74 72 69 62  |hat a tag attrib|
000032a0  75 74 65 20 69 73 2e 20  41 6e 64 20 72 65 70 65  |ute is. And repe|
000032b0  61 74 20 74 65 6e 20 74  69 6d 65 73 20 62 65 66  |at ten times bef|
000032c0  6f 72 65 20 79 6f 75 20  67 6f 20 74 6f 20 73 6c  |ore you go to sl|
000032d0  65 65 70 3a 20 27 49 20  77 69 6c 6c 20 77 72 69  |eep: 'I will wri|
000032e0  74 65 20 6d 79 20 48 54  4d 4c 20 74 6f 20 62 65  |te my HTML to be|
000032f0  20 6d 65 61 6e 69 6e 67  66 75 6c 20 74 6f 20 73  | meaningful to s|
00003300  70 65 61 6b 69 6e 67 20  62 72 6f 77 73 65 72 73  |peaking browsers|
00003310  2e 27 0a 0a 3c 70 3e 41  20 73 75 6d 6d 61 72 79  |.'..<p>A summary|
00003320  20 6f 66 20 74 68 65 20  73 6f 66 74 77 61 72 65  | of the software|
00003330  20 74 6f 20 68 65 6c 70  20 79 6f 75 20 77 72 69  | to help you wri|
00003340  74 65 20 48 54 4d 4c 20  6f 6e 20 74 68 65 20 41  |te HTML on the A|
00003350  63 6f 72 6e 20 70 6c 61  74 66 6f 72 6d 0a 3c 61  |corn platform.<a|
00003360  20 68 72 65 66 3d 22 70  72 6f 67 73 2e 68 74 6d  | href="progs.htm|
00003370  6c 22 3e 69 73 20 61 76  61 69 6c 61 62 6c 65 3c  |l">is available<|
00003380  2f 61 3e 2e 0a 0a 3c 2f  62 6f 64 79 3e 0a 3c 2f  |/a>...</body>.</|
00003390  68 74 6d 6c 3e                                    |html>|
00003395