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 '<>' 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><em></em></var> tag pair, as in: <p><kbd>This point is <em>very</em> 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><html></html></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> <html><br> <head><br> <title>Title here</title><br> </head><br> <body><br> Text of document here<br> </body><br> </html><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><html></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><p></var> tag. Strictly speaking, <var><p></var> marks the start of a paragraph and <var></p></var> the end, but you can safely ignore the end tag and just use <var><p></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><a></var>. <p>Placing <var><a></var> and <var></a></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 <a href="mail.html">mail me</a></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 '<>| 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><| 000023d0 65 6d 26 67 74 3b 26 6c 74 3b 2f 65 6d 26 67 74 |em></em>| 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 |<em>very&l| 00002420 74 3b 2f 65 6d 26 67 74 3b 20 69 6d 70 6f 72 74 |t;/em> 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><html>&l| 000025a0 74 3b 2f 68 74 6d 6c 26 67 74 3b 3c 2f 76 61 72 |t;/html></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 |<html><br>| 000026e0 0a 26 6c 74 3b 68 65 61 64 26 67 74 3b 3c 62 72 |.<head><br| 000026f0 3e 0a 26 6c 74 3b 74 69 74 6c 65 26 67 74 3b 54 |>.<title>T| 00002700 69 74 6c 65 20 68 65 72 65 26 6c 74 3b 2f 74 69 |itle here</ti| 00002710 74 6c 65 26 67 74 3b 3c 62 72 3e 0a 26 6c 74 3b |tle><br>.<| 00002720 2f 68 65 61 64 26 67 74 3b 3c 62 72 3e 0a 26 6c |/head><br>.&l| 00002730 74 3b 62 6f 64 79 26 67 74 3b 3c 62 72 3e 0a 54 |t;body><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>.</bo| 00002760 64 79 26 67 74 3b 3c 62 72 3e 0a 26 6c 74 3b 2f |dy><br>.</| 00002770 68 74 6d 6c 26 67 74 3b 3c 62 72 3e 0a 3c 2f 6b |html><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><html| 00002840 26 67 74 3b 3c 2f 76 61 72 3e 20 74 61 67 73 2e |></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></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><| 00002a00 3b 70 26 67 74 3b 3c 2f 76 61 72 3e 20 6d 61 72 |;p></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></p><| 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><p>| 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><| 00002bc0 3b 61 26 67 74 3b 3c 2f 76 61 72 3e 2e 0a 0a 3c |;a></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></var> a| 00002bf0 6e 64 20 3c 76 61 72 3e 26 6c 74 3b 2f 61 26 67 |nd <var></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 <a href="ma| 00002e30 69 6c 2e 68 74 6d 6c 22 26 67 74 3b 6d 61 69 6c |il.html">mail| 00002e40 20 6d 65 26 6c 74 3b 2f 61 26 67 74 3b 3c 2f 6b | me</a></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