Ticket #8393: html for ie7 scroll issue.txt

File html for ie7 scroll issue.txt, 136.9 KB (added by michele, 14 years ago)
Line 
1<html xmlns="http://www.w3.org/1999/xhtml">
2
3<body>
4<center>
5<h1>Samples of HTML codes</h1>
6</center>
7<hr></hr>
8<hr></hr>
9<p>(Note: Multiple spaces and multiple lines in the source file are
10ignored.)</p>
11<p>Examples of various type sizes:</p>
12<h1>This is &lt;H1&gt;</h1>
13<h2>This is &lt;H2&gt;</h2>
14<h3>This is &lt;H3&gt;</h3>
15<h4>This is &lt;H4&gt;</h4>
16<p>Now we're back to ordinary-size type. All type can be made
17<i>italic</i>, <b>boldface</b>, or <b><i>boldface
18italic</i></b>.</p>
19<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
20the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
21<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
22&lt;/i&gt; or &lt;/I&gt; ends it.</p>
23<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
24italic</b></i>; and close both (in either order)
25&lt;/b&gt;&lt;/I&gt; to end it.</p>
26<p>(This all assumes you know <b><i>why</i></b> you'd want to use
27either one, of course;<br/>
28 knowing how to use HTML is <b>not</b> a substitute for knowing how
29to write.)</p>
30<p>HTML is very handy for making lists. There are several
31types:</p>
32<ol>
33<li style="list-style-type: none; list-style-image: none">This is
34an "ordered list", using numbers.</li>
35<li>The HTML marker to begin an <b>ordered</b> list is
36<b>&lt;OL&gt;</b></li>
37<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
38<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
39Item")</li>
40<li>You <b><i>don't</i></b> have to put in the number</li>
41<li>Not only that, you can't change it. Numbering is
42automatic.</li>
43</ol>
44<ul>
45<li style="list-style-type: none; list-style-image: none">This is
46an "unordered list", using "bullets".</li>
47<li>The HTML marker to begin an <b>UNordered</b> list is
48<b>&lt;UL&gt;</b></li>
49<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
50<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
51</ul>
52<dl>
53<dt>There is also a "Directory List", which is useful for defining
54terms, and various other situations where you might want two levels
55of indentation.</dt>
56<dt>The HTML marker to begin a <b>Directory</b> list is
57<b>&lt;DL&gt;</b></dt>
58<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
59<dt>There are <b>two</b> types of item codes:</dt>
60<dd>
61<ol>
62<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
63<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
64</ol>
65</dd>
66<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
67list;</dt>
68<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
69make a blank line, while</dd>
70<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
71have a very long line (like this one) that would wrap around, the
72new line is lined up indented.</dd>
73<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
74the term,</dt>
75<dd>but it's good for lots of other things.</dd>
76<dt>Netscape's "Bookmark" list is an HTML file, formatted using
77<b>&lt;DL&gt;</b>;</dt>
78<dd>most of the "Hot List" pages on the Web started off being
79bookmark files.</dd>
80<dt>There is no automatic "bullet" with list items in a Directory
81List, but</dt>
82</dl>
83<ul class="noindent">
84<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
85<i>after</i> &lt;dt&gt;</b>, like this
86<dl>
87<dd>
88<ul class="noindent">
89<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
90<li>
91<dl>
92<dt>But ... <b><i>this</i></b> is what happens if you put
93<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
94</dl>
95</li>
96<li>
97<dl>
98<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
99&lt;DD&gt;</b>, so be CAREFUL.</dd>
100</dl>
101All kinds of lists start and end with implicit Paragraph
102marks.</li>
103</ul>
104</dd>
105</dl>
106</li>
107</ul>
108<p>All of the marks above are just text formatting commands -- the
109sort of thing any wordprocessor does; but the real power of HTML,
110and the Web generally, lies in <b>HyperText</b>, that is, the
111ability to link one page to another so that it becomes a "hot
112link". These are the blue, underlined text pieces that you click
113on. They're called "anchors" in HTML, and they use the <b>&lt;A
114...&gt; ... &lt;/A&gt;</b> marker.</p>
115<p><a id="link.how" name="link.how"></a>A link like the following
116one to my home page: <a href="http://www.umich.edu/~jlawler/">John
117Lawler</a> looks like this in HTML:</p>
118<dl>
119<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
120Lawler&lt;/A&gt;</b></dd>
121</dl>
122<ul>
123<li style="list-style-type: none; list-style-image: none">This
124consists of the following parts:</li>
125<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
126least one space or blank line</i></b>,</li>
127<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
128<b><i>with NO spaces</i></b>,</li>
129<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
130spaces</i></b>,</li>
131<li>followed by the URL typed out, <b>surrounded with DOUBLE
132quotes, <i>and NO spaces</i></b>,</li>
133<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
134<li>followed by whatever text you want to be blue and
135underlined<br/>
136 (i.e, the link name itself; this can be as long as you want and
137can have spaces in it),</li>
138<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
139</ul>
140<p>Any URL can be linked this way. Clicking on it will go to that
141page, just as if you had typed it into Netscape, or "opened" it
142from a menu.</p>
143<hr></hr>
144<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
145 The URL of this page is:
146<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
147 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
148<center>
149<h1>Samples of HTML codes</h1>
150</center>
151<hr></hr>
152<hr></hr>
153<p>(Note: Multiple spaces and multiple lines in the source file are
154ignored.)</p>
155<p>Examples of various type sizes:</p>
156<h1>This is &lt;H1&gt;</h1>
157<h2>This is &lt;H2&gt;</h2>
158<h3>This is &lt;H3&gt;</h3>
159<h4>This is &lt;H4&gt;</h4>
160<p>Now we're back to ordinary-size type. All type can be made
161<i>italic</i>, <b>boldface</b>, or <b><i>boldface
162italic</i></b>.</p>
163<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
164the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
165<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
166&lt;/i&gt; or &lt;/I&gt; ends it.</p>
167<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
168italic</b></i>; and close both (in either order)
169&lt;/b&gt;&lt;/I&gt; to end it.</p>
170<p>(This all assumes you know <b><i>why</i></b> you'd want to use
171either one, of course;<br/>
172 knowing how to use HTML is <b>not</b> a substitute for knowing how
173to write.)</p>
174<p>HTML is very handy for making lists. There are several
175types:</p>
176<ol>
177<li style="list-style-type: none; list-style-image: none">This is
178an "ordered list", using numbers.</li>
179<li>The HTML marker to begin an <b>ordered</b> list is
180<b>&lt;OL&gt;</b></li>
181<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
182<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
183Item")</li>
184<li>You <b><i>don't</i></b> have to put in the number</li>
185<li>Not only that, you can't change it. Numbering is
186automatic.</li>
187</ol>
188<ul>
189<li style="list-style-type: none; list-style-image: none">This is
190an "unordered list", using "bullets".</li>
191<li>The HTML marker to begin an <b>UNordered</b> list is
192<b>&lt;UL&gt;</b></li>
193<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
194<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
195</ul>
196<dl>
197<dt>There is also a "Directory List", which is useful for defining
198terms, and various other situations where you might want two levels
199of indentation.</dt>
200<dt>The HTML marker to begin a <b>Directory</b> list is
201<b>&lt;DL&gt;</b></dt>
202<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
203<dt>There are <b>two</b> types of item codes:</dt>
204<dd>
205<ol>
206<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
207<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
208</ol>
209</dd>
210<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
211list;</dt>
212<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
213make a blank line, while</dd>
214<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
215have a very long line (like this one) that would wrap around, the
216new line is lined up indented.</dd>
217<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
218the term,</dt>
219<dd>but it's good for lots of other things.</dd>
220<dt>Netscape's "Bookmark" list is an HTML file, formatted using
221<b>&lt;DL&gt;</b>;</dt>
222<dd>most of the "Hot List" pages on the Web started off being
223bookmark files.</dd>
224<dt>There is no automatic "bullet" with list items in a Directory
225List, but</dt>
226</dl>
227<ul class="noindent">
228<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
229<i>after</i> &lt;dt&gt;</b>, like this
230<dl>
231<dd>
232<ul class="noindent">
233<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
234<li>
235<dl>
236<dt>But ... <b><i>this</i></b> is what happens if you put
237<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
238</dl>
239</li>
240<li>
241<dl>
242<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
243&lt;DD&gt;</b>, so be CAREFUL.</dd>
244</dl>
245All kinds of lists start and end with implicit Paragraph
246marks.</li>
247</ul>
248</dd>
249</dl>
250</li>
251</ul>
252<p>All of the marks above are just text formatting commands -- the
253sort of thing any wordprocessor does; but the real power of HTML,
254and the Web generally, lies in <b>HyperText</b>, that is, the
255ability to link one page to another so that it becomes a "hot
256link". These are the blue, underlined text pieces that you click
257on. They're called "anchors" in HTML, and they use the <b>&lt;A
258...&gt; ... &lt;/A&gt;</b> marker.</p>
259<p><a id="link.how" name="link.how"></a>A link like the following
260one to my home page: <a href="http://www.umich.edu/~jlawler/">John
261Lawler</a> looks like this in HTML:</p>
262<dl>
263<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
264Lawler&lt;/A&gt;</b></dd>
265</dl>
266<ul>
267<li style="list-style-type: none; list-style-image: none">This
268consists of the following parts:</li>
269<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
270least one space or blank line</i></b>,</li>
271<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
272<b><i>with NO spaces</i></b>,</li>
273<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
274spaces</i></b>,</li>
275<li>followed by the URL typed out, <b>surrounded with DOUBLE
276quotes, <i>and NO spaces</i></b>,</li>
277<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
278<li>followed by whatever text you want to be blue and
279underlined<br/>
280 (i.e, the link name itself; this can be as long as you want and
281can have spaces in it),</li>
282<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
283</ul>
284<p>Any URL can be linked this way. Clicking on it will go to that
285page, just as if you had typed it into Netscape, or "opened" it
286from a menu.</p>
287<hr></hr>
288<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
289 The URL of this page is:
290<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
291 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
292<center>
293<h1>Samples of HTML codes</h1>
294</center>
295<hr></hr>
296<hr></hr>
297<p>(Note: Multiple spaces and multiple lines in the source file are
298ignored.)</p>
299<p>Examples of various type sizes:</p>
300<h1>This is &lt;H1&gt;</h1>
301<h2>This is &lt;H2&gt;</h2>
302<h3>This is &lt;H3&gt;</h3>
303<h4>This is &lt;H4&gt;</h4>
304<p>Now we're back to ordinary-size type. All type can be made
305<i>italic</i>, <b>boldface</b>, or <b><i>boldface
306italic</i></b>.</p>
307<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
308the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
309<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
310&lt;/i&gt; or &lt;/I&gt; ends it.</p>
311<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
312italic</b></i>; and close both (in either order)
313&lt;/b&gt;&lt;/I&gt; to end it.</p>
314<p>(This all assumes you know <b><i>why</i></b> you'd want to use
315either one, of course;<br/>
316 knowing how to use HTML is <b>not</b> a substitute for knowing how
317to write.)</p>
318<p>HTML is very handy for making lists. There are several
319types:</p>
320<ol>
321<li style="list-style-type: none; list-style-image: none">This is
322an "ordered list", using numbers.</li>
323<li>The HTML marker to begin an <b>ordered</b> list is
324<b>&lt;OL&gt;</b></li>
325<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
326<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
327Item")</li>
328<li>You <b><i>don't</i></b> have to put in the number</li>
329<li>Not only that, you can't change it. Numbering is
330automatic.</li>
331</ol>
332<ul>
333<li style="list-style-type: none; list-style-image: none">This is
334an "unordered list", using "bullets".</li>
335<li>The HTML marker to begin an <b>UNordered</b> list is
336<b>&lt;UL&gt;</b></li>
337<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
338<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
339</ul>
340<dl>
341<dt>There is also a "Directory List", which is useful for defining
342terms, and various other situations where you might want two levels
343of indentation.</dt>
344<dt>The HTML marker to begin a <b>Directory</b> list is
345<b>&lt;DL&gt;</b></dt>
346<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
347<dt>There are <b>two</b> types of item codes:</dt>
348<dd>
349<ol>
350<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
351<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
352</ol>
353</dd>
354<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
355list;</dt>
356<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
357make a blank line, while</dd>
358<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
359have a very long line (like this one) that would wrap around, the
360new line is lined up indented.</dd>
361<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
362the term,</dt>
363<dd>but it's good for lots of other things.</dd>
364<dt>Netscape's "Bookmark" list is an HTML file, formatted using
365<b>&lt;DL&gt;</b>;</dt>
366<dd>most of the "Hot List" pages on the Web started off being
367bookmark files.</dd>
368<dt>There is no automatic "bullet" with list items in a Directory
369List, but</dt>
370</dl>
371<ul class="noindent">
372<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
373<i>after</i> &lt;dt&gt;</b>, like this
374<dl>
375<dd>
376<ul class="noindent">
377<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
378<li>
379<dl>
380<dt>But ... <b><i>this</i></b> is what happens if you put
381<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
382</dl>
383</li>
384<li>
385<dl>
386<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
387&lt;DD&gt;</b>, so be CAREFUL.</dd>
388</dl>
389All kinds of lists start and end with implicit Paragraph
390marks.</li>
391</ul>
392</dd>
393</dl>
394</li>
395</ul>
396<p>All of the marks above are just text formatting commands -- the
397sort of thing any wordprocessor does; but the real power of HTML,
398and the Web generally, lies in <b>HyperText</b>, that is, the
399ability to link one page to another so that it becomes a "hot
400link". These are the blue, underlined text pieces that you click
401on. They're called "anchors" in HTML, and they use the <b>&lt;A
402...&gt; ... &lt;/A&gt;</b> marker.</p>
403<p><a id="link.how" name="link.how"></a>A link like the following
404one to my home page: <a href="http://www.umich.edu/~jlawler/">John
405Lawler</a> looks like this in HTML:</p>
406<dl>
407<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
408Lawler&lt;/A&gt;</b></dd>
409</dl>
410<ul>
411<li style="list-style-type: none; list-style-image: none">This
412consists of the following parts:</li>
413<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
414least one space or blank line</i></b>,</li>
415<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
416<b><i>with NO spaces</i></b>,</li>
417<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
418spaces</i></b>,</li>
419<li>followed by the URL typed out, <b>surrounded with DOUBLE
420quotes, <i>and NO spaces</i></b>,</li>
421<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
422<li>followed by whatever text you want to be blue and
423underlined<br/>
424 (i.e, the link name itself; this can be as long as you want and
425can have spaces in it),</li>
426<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
427</ul>
428<p>Any URL can be linked this way. Clicking on it will go to that
429page, just as if you had typed it into Netscape, or "opened" it
430from a menu.</p>
431<hr></hr>
432<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
433 The URL of this page is:
434<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
435 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
436<center>
437<h1>Samples of HTML codes</h1>
438</center>
439<hr></hr>
440<hr></hr>
441<p>(Note: Multiple spaces and multiple lines in the source file are
442ignored.)</p>
443<p>Examples of various type sizes:</p>
444<h1>This is &lt;H1&gt;</h1>
445<h2>This is &lt;H2&gt;</h2>
446<h3>This is &lt;H3&gt;</h3>
447<h4>This is &lt;H4&gt;</h4>
448<p>Now we're back to ordinary-size type. All type can be made
449<i>italic</i>, <b>boldface</b>, or <b><i>boldface
450italic</i></b>.</p>
451<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
452the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
453<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
454&lt;/i&gt; or &lt;/I&gt; ends it.</p>
455<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
456italic</b></i>; and close both (in either order)
457&lt;/b&gt;&lt;/I&gt; to end it.</p>
458<p>(This all assumes you know <b><i>why</i></b> you'd want to use
459either one, of course;<br/>
460 knowing how to use HTML is <b>not</b> a substitute for knowing how
461to write.)</p>
462<p>HTML is very handy for making lists. There are several
463types:</p>
464<ol>
465<li style="list-style-type: none; list-style-image: none">This is
466an "ordered list", using numbers.</li>
467<li>The HTML marker to begin an <b>ordered</b> list is
468<b>&lt;OL&gt;</b></li>
469<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
470<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
471Item")</li>
472<li>You <b><i>don't</i></b> have to put in the number</li>
473<li>Not only that, you can't change it. Numbering is
474automatic.</li>
475</ol>
476<ul>
477<li style="list-style-type: none; list-style-image: none">This is
478an "unordered list", using "bullets".</li>
479<li>The HTML marker to begin an <b>UNordered</b> list is
480<b>&lt;UL&gt;</b></li>
481<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
482<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
483</ul>
484<dl>
485<dt>There is also a "Directory List", which is useful for defining
486terms, and various other situations where you might want two levels
487of indentation.</dt>
488<dt>The HTML marker to begin a <b>Directory</b> list is
489<b>&lt;DL&gt;</b></dt>
490<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
491<dt>There are <b>two</b> types of item codes:</dt>
492<dd>
493<ol>
494<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
495<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
496</ol>
497</dd>
498<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
499list;</dt>
500<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
501make a blank line, while</dd>
502<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
503have a very long line (like this one) that would wrap around, the
504new line is lined up indented.</dd>
505<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
506the term,</dt>
507<dd>but it's good for lots of other things.</dd>
508<dt>Netscape's "Bookmark" list is an HTML file, formatted using
509<b>&lt;DL&gt;</b>;</dt>
510<dd>most of the "Hot List" pages on the Web started off being
511bookmark files.</dd>
512<dt>There is no automatic "bullet" with list items in a Directory
513List, but</dt>
514</dl>
515<ul class="noindent">
516<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
517<i>after</i> &lt;dt&gt;</b>, like this
518<dl>
519<dd>
520<ul class="noindent">
521<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
522<li>
523<dl>
524<dt>But ... <b><i>this</i></b> is what happens if you put
525<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
526</dl>
527</li>
528<li>
529<dl>
530<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
531&lt;DD&gt;</b>, so be CAREFUL.</dd>
532</dl>
533All kinds of lists start and end with implicit Paragraph
534marks.</li>
535</ul>
536</dd>
537</dl>
538</li>
539</ul>
540<p>All of the marks above are just text formatting commands -- the
541sort of thing any wordprocessor does; but the real power of HTML,
542and the Web generally, lies in <b>HyperText</b>, that is, the
543ability to link one page to another so that it becomes a "hot
544link". These are the blue, underlined text pieces that you click
545on. They're called "anchors" in HTML, and they use the <b>&lt;A
546...&gt; ... &lt;/A&gt;</b> marker.</p>
547<p><a id="link.how" name="link.how"></a>A link like the following
548one to my home page: <a href="http://www.umich.edu/~jlawler/">John
549Lawler</a> looks like this in HTML:</p>
550<dl>
551<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
552Lawler&lt;/A&gt;</b></dd>
553</dl>
554<ul>
555<li style="list-style-type: none; list-style-image: none">This
556consists of the following parts:</li>
557<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
558least one space or blank line</i></b>,</li>
559<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
560<b><i>with NO spaces</i></b>,</li>
561<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
562spaces</i></b>,</li>
563<li>followed by the URL typed out, <b>surrounded with DOUBLE
564quotes, <i>and NO spaces</i></b>,</li>
565<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
566<li>followed by whatever text you want to be blue and
567underlined<br/>
568 (i.e, the link name itself; this can be as long as you want and
569can have spaces in it),</li>
570<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
571</ul>
572<p>Any URL can be linked this way. Clicking on it will go to that
573page, just as if you had typed it into Netscape, or "opened" it
574from a menu.</p>
575<hr></hr>
576<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
577 The URL of this page is:
578<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
579 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
580<center>
581<h1>Samples of HTML codes</h1>
582</center>
583<hr></hr>
584<hr></hr>
585<p>(Note: Multiple spaces and multiple lines in the source file are
586ignored.)</p>
587<p>Examples of various type sizes:</p>
588<h1>This is &lt;H1&gt;</h1>
589<h2>This is &lt;H2&gt;</h2>
590<h3>This is &lt;H3&gt;</h3>
591<h4>This is &lt;H4&gt;</h4>
592<p>Now we're back to ordinary-size type. All type can be made
593<i>italic</i>, <b>boldface</b>, or <b><i>boldface
594italic</i></b>.</p>
595<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
596the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
597<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
598&lt;/i&gt; or &lt;/I&gt; ends it.</p>
599<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
600italic</b></i>; and close both (in either order)
601&lt;/b&gt;&lt;/I&gt; to end it.</p>
602<p>(This all assumes you know <b><i>why</i></b> you'd want to use
603either one, of course;<br/>
604 knowing how to use HTML is <b>not</b> a substitute for knowing how
605to write.)</p>
606<p>HTML is very handy for making lists. There are several
607types:</p>
608<ol>
609<li style="list-style-type: none; list-style-image: none">This is
610an "ordered list", using numbers.</li>
611<li>The HTML marker to begin an <b>ordered</b> list is
612<b>&lt;OL&gt;</b></li>
613<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
614<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
615Item")</li>
616<li>You <b><i>don't</i></b> have to put in the number</li>
617<li>Not only that, you can't change it. Numbering is
618automatic.</li>
619</ol>
620<ul>
621<li style="list-style-type: none; list-style-image: none">This is
622an "unordered list", using "bullets".</li>
623<li>The HTML marker to begin an <b>UNordered</b> list is
624<b>&lt;UL&gt;</b></li>
625<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
626<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
627</ul>
628<dl>
629<dt>There is also a "Directory List", which is useful for defining
630terms, and various other situations where you might want two levels
631of indentation.</dt>
632<dt>The HTML marker to begin a <b>Directory</b> list is
633<b>&lt;DL&gt;</b></dt>
634<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
635<dt>There are <b>two</b> types of item codes:</dt>
636<dd>
637<ol>
638<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
639<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
640</ol>
641</dd>
642<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
643list;</dt>
644<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
645make a blank line, while</dd>
646<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
647have a very long line (like this one) that would wrap around, the
648new line is lined up indented.</dd>
649<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
650the term,</dt>
651<dd>but it's good for lots of other things.</dd>
652<dt>Netscape's "Bookmark" list is an HTML file, formatted using
653<b>&lt;DL&gt;</b>;</dt>
654<dd>most of the "Hot List" pages on the Web started off being
655bookmark files.</dd>
656<dt>There is no automatic "bullet" with list items in a Directory
657List, but</dt>
658</dl>
659<ul class="noindent">
660<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
661<i>after</i> &lt;dt&gt;</b>, like this
662<dl>
663<dd>
664<ul class="noindent">
665<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
666<li>
667<dl>
668<dt>But ... <b><i>this</i></b> is what happens if you put
669<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
670</dl>
671</li>
672<li>
673<dl>
674<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
675&lt;DD&gt;</b>, so be CAREFUL.</dd>
676</dl>
677All kinds of lists start and end with implicit Paragraph
678marks.</li>
679</ul>
680</dd>
681</dl>
682</li>
683</ul>
684<p>All of the marks above are just text formatting commands -- the
685sort of thing any wordprocessor does; but the real power of HTML,
686and the Web generally, lies in <b>HyperText</b>, that is, the
687ability to link one page to another so that it becomes a "hot
688link". These are the blue, underlined text pieces that you click
689on. They're called "anchors" in HTML, and they use the <b>&lt;A
690...&gt; ... &lt;/A&gt;</b> marker.</p>
691<p><a id="link.how" name="link.how"></a>A link like the following
692one to my home page: <a href="http://www.umich.edu/~jlawler/">John
693Lawler</a> looks like this in HTML:</p>
694<dl>
695<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
696Lawler&lt;/A&gt;</b></dd>
697</dl>
698<ul>
699<li style="list-style-type: none; list-style-image: none">This
700consists of the following parts:</li>
701<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
702least one space or blank line</i></b>,</li>
703<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
704<b><i>with NO spaces</i></b>,</li>
705<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
706spaces</i></b>,</li>
707<li>followed by the URL typed out, <b>surrounded with DOUBLE
708quotes, <i>and NO spaces</i></b>,</li>
709<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
710<li>followed by whatever text you want to be blue and
711underlined<br/>
712 (i.e, the link name itself; this can be as long as you want and
713can have spaces in it),</li>
714<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
715</ul>
716<p>Any URL can be linked this way. Clicking on it will go to that
717page, just as if you had typed it into Netscape, or "opened" it
718from a menu.</p>
719<hr></hr>
720<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
721 The URL of this page is:
722<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
723 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
724<center>
725<h1>Samples of HTML codes</h1>
726</center>
727<hr></hr>
728<hr></hr>
729<p>(Note: Multiple spaces and multiple lines in the source file are
730ignored.)</p>
731<p>Examples of various type sizes:</p>
732<h1>This is &lt;H1&gt;</h1>
733<h2>This is &lt;H2&gt;</h2>
734<h3>This is &lt;H3&gt;</h3>
735<h4>This is &lt;H4&gt;</h4>
736<p>Now we're back to ordinary-size type. All type can be made
737<i>italic</i>, <b>boldface</b>, or <b><i>boldface
738italic</i></b>.</p>
739<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
740the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
741<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
742&lt;/i&gt; or &lt;/I&gt; ends it.</p>
743<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
744italic</b></i>; and close both (in either order)
745&lt;/b&gt;&lt;/I&gt; to end it.</p>
746<p>(This all assumes you know <b><i>why</i></b> you'd want to use
747either one, of course;<br/>
748 knowing how to use HTML is <b>not</b> a substitute for knowing how
749to write.)</p>
750<p>HTML is very handy for making lists. There are several
751types:</p>
752<ol>
753<li style="list-style-type: none; list-style-image: none">This is
754an "ordered list", using numbers.</li>
755<li>The HTML marker to begin an <b>ordered</b> list is
756<b>&lt;OL&gt;</b></li>
757<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
758<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
759Item")</li>
760<li>You <b><i>don't</i></b> have to put in the number</li>
761<li>Not only that, you can't change it. Numbering is
762automatic.</li>
763</ol>
764<ul>
765<li style="list-style-type: none; list-style-image: none">This is
766an "unordered list", using "bullets".</li>
767<li>The HTML marker to begin an <b>UNordered</b> list is
768<b>&lt;UL&gt;</b></li>
769<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
770<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
771</ul>
772<dl>
773<dt>There is also a "Directory List", which is useful for defining
774terms, and various other situations where you might want two levels
775of indentation.</dt>
776<dt>The HTML marker to begin a <b>Directory</b> list is
777<b>&lt;DL&gt;</b></dt>
778<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
779<dt>There are <b>two</b> types of item codes:</dt>
780<dd>
781<ol>
782<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
783<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
784</ol>
785</dd>
786<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
787list;</dt>
788<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
789make a blank line, while</dd>
790<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
791have a very long line (like this one) that would wrap around, the
792new line is lined up indented.</dd>
793<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
794the term,</dt>
795<dd>but it's good for lots of other things.</dd>
796<dt>Netscape's "Bookmark" list is an HTML file, formatted using
797<b>&lt;DL&gt;</b>;</dt>
798<dd>most of the "Hot List" pages on the Web started off being
799bookmark files.</dd>
800<dt>There is no automatic "bullet" with list items in a Directory
801List, but</dt>
802</dl>
803<ul class="noindent">
804<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
805<i>after</i> &lt;dt&gt;</b>, like this
806<dl>
807<dd>
808<ul class="noindent">
809<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
810<li>
811<dl>
812<dt>But ... <b><i>this</i></b> is what happens if you put
813<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
814</dl>
815</li>
816<li>
817<dl>
818<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
819&lt;DD&gt;</b>, so be CAREFUL.</dd>
820</dl>
821All kinds of lists start and end with implicit Paragraph
822marks.</li>
823</ul>
824</dd>
825</dl>
826</li>
827</ul>
828<p>All of the marks above are just text formatting commands -- the
829sort of thing any wordprocessor does; but the real power of HTML,
830and the Web generally, lies in <b>HyperText</b>, that is, the
831ability to link one page to another so that it becomes a "hot
832link". These are the blue, underlined text pieces that you click
833on. They're called "anchors" in HTML, and they use the <b>&lt;A
834...&gt; ... &lt;/A&gt;</b> marker.</p>
835<p><a id="link.how" name="link.how"></a>A link like the following
836one to my home page: <a href="http://www.umich.edu/~jlawler/">John
837Lawler</a> looks like this in HTML:</p>
838<dl>
839<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
840Lawler&lt;/A&gt;</b></dd>
841</dl>
842<ul>
843<li style="list-style-type: none; list-style-image: none">This
844consists of the following parts:</li>
845<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
846least one space or blank line</i></b>,</li>
847<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
848<b><i>with NO spaces</i></b>,</li>
849<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
850spaces</i></b>,</li>
851<li>followed by the URL typed out, <b>surrounded with DOUBLE
852quotes, <i>and NO spaces</i></b>,</li>
853<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
854<li>followed by whatever text you want to be blue and
855underlined<br/>
856 (i.e, the link name itself; this can be as long as you want and
857can have spaces in it),</li>
858<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
859</ul>
860<p>Any URL can be linked this way. Clicking on it will go to that
861page, just as if you had typed it into Netscape, or "opened" it
862from a menu.</p>
863<hr></hr>
864<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
865 The URL of this page is:
866<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
867 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
868<center>
869<h1>Samples of HTML codes</h1>
870</center>
871<hr></hr>
872<hr></hr>
873<p>(Note: Multiple spaces and multiple lines in the source file are
874ignored.)</p>
875<p>Examples of various type sizes:</p>
876<h1>This is &lt;H1&gt;</h1>
877<h2>This is &lt;H2&gt;</h2>
878<h3>This is &lt;H3&gt;</h3>
879<h4>This is &lt;H4&gt;</h4>
880<p>Now we're back to ordinary-size type. All type can be made
881<i>italic</i>, <b>boldface</b>, or <b><i>boldface
882italic</i></b>.</p>
883<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
884the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
885<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
886&lt;/i&gt; or &lt;/I&gt; ends it.</p>
887<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
888italic</b></i>; and close both (in either order)
889&lt;/b&gt;&lt;/I&gt; to end it.</p>
890<p>(This all assumes you know <b><i>why</i></b> you'd want to use
891either one, of course;<br/>
892 knowing how to use HTML is <b>not</b> a substitute for knowing how
893to write.)</p>
894<p>HTML is very handy for making lists. There are several
895types:</p>
896<ol>
897<li style="list-style-type: none; list-style-image: none">This is
898an "ordered list", using numbers.</li>
899<li>The HTML marker to begin an <b>ordered</b> list is
900<b>&lt;OL&gt;</b></li>
901<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
902<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
903Item")</li>
904<li>You <b><i>don't</i></b> have to put in the number</li>
905<li>Not only that, you can't change it. Numbering is
906automatic.</li>
907</ol>
908<ul>
909<li style="list-style-type: none; list-style-image: none">This is
910an "unordered list", using "bullets".</li>
911<li>The HTML marker to begin an <b>UNordered</b> list is
912<b>&lt;UL&gt;</b></li>
913<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
914<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
915</ul>
916<dl>
917<dt>There is also a "Directory List", which is useful for defining
918terms, and various other situations where you might want two levels
919of indentation.</dt>
920<dt>The HTML marker to begin a <b>Directory</b> list is
921<b>&lt;DL&gt;</b></dt>
922<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
923<dt>There are <b>two</b> types of item codes:</dt>
924<dd>
925<ol>
926<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
927<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
928</ol>
929</dd>
930<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
931list;</dt>
932<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
933make a blank line, while</dd>
934<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
935have a very long line (like this one) that would wrap around, the
936new line is lined up indented.</dd>
937<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
938the term,</dt>
939<dd>but it's good for lots of other things.</dd>
940<dt>Netscape's "Bookmark" list is an HTML file, formatted using
941<b>&lt;DL&gt;</b>;</dt>
942<dd>most of the "Hot List" pages on the Web started off being
943bookmark files.</dd>
944<dt>There is no automatic "bullet" with list items in a Directory
945List, but</dt>
946</dl>
947<ul class="noindent">
948<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
949<i>after</i> &lt;dt&gt;</b>, like this
950<dl>
951<dd>
952<ul class="noindent">
953<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
954<li>
955<dl>
956<dt>But ... <b><i>this</i></b> is what happens if you put
957<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
958</dl>
959</li>
960<li>
961<dl>
962<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
963&lt;DD&gt;</b>, so be CAREFUL.</dd>
964</dl>
965All kinds of lists start and end with implicit Paragraph
966marks.</li>
967</ul>
968</dd>
969</dl>
970</li>
971</ul>
972<p>All of the marks above are just text formatting commands -- the
973sort of thing any wordprocessor does; but the real power of HTML,
974and the Web generally, lies in <b>HyperText</b>, that is, the
975ability to link one page to another so that it becomes a "hot
976link". These are the blue, underlined text pieces that you click
977on. They're called "anchors" in HTML, and they use the <b>&lt;A
978...&gt; ... &lt;/A&gt;</b> marker.</p>
979<p><a id="link.how" name="link.how"></a>A link like the following
980one to my home page: <a href="http://www.umich.edu/~jlawler/">John
981Lawler</a> looks like this in HTML:</p>
982<dl>
983<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
984Lawler&lt;/A&gt;</b></dd>
985</dl>
986<ul>
987<li style="list-style-type: none; list-style-image: none">This
988consists of the following parts:</li>
989<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
990least one space or blank line</i></b>,</li>
991<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
992<b><i>with NO spaces</i></b>,</li>
993<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
994spaces</i></b>,</li>
995<li>followed by the URL typed out, <b>surrounded with DOUBLE
996quotes, <i>and NO spaces</i></b>,</li>
997<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
998<li>followed by whatever text you want to be blue and
999underlined<br/>
1000 (i.e, the link name itself; this can be as long as you want and
1001can have spaces in it),</li>
1002<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
1003</ul>
1004<p>Any URL can be linked this way. Clicking on it will go to that
1005page, just as if you had typed it into Netscape, or "opened" it
1006from a menu.</p>
1007<hr></hr>
1008<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
1009 The URL of this page is:
1010<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
1011 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
1012<center>
1013<h1>Samples of HTML codes</h1>
1014</center>
1015<hr></hr>
1016<hr></hr>
1017<p>(Note: Multiple spaces and multiple lines in the source file are
1018ignored.)</p>
1019<p>Examples of various type sizes:</p>
1020<h1>This is &lt;H1&gt;</h1>
1021<h2>This is &lt;H2&gt;</h2>
1022<h3>This is &lt;H3&gt;</h3>
1023<h4>This is &lt;H4&gt;</h4>
1024<p>Now we're back to ordinary-size type. All type can be made
1025<i>italic</i>, <b>boldface</b>, or <b><i>boldface
1026italic</i></b>.</p>
1027<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
1028the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
1029<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
1030&lt;/i&gt; or &lt;/I&gt; ends it.</p>
1031<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
1032italic</b></i>; and close both (in either order)
1033&lt;/b&gt;&lt;/I&gt; to end it.</p>
1034<p>(This all assumes you know <b><i>why</i></b> you'd want to use
1035either one, of course;<br/>
1036 knowing how to use HTML is <b>not</b> a substitute for knowing how
1037to write.)</p>
1038<p>HTML is very handy for making lists. There are several
1039types:</p>
1040<ol>
1041<li style="list-style-type: none; list-style-image: none">This is
1042an "ordered list", using numbers.</li>
1043<li>The HTML marker to begin an <b>ordered</b> list is
1044<b>&lt;OL&gt;</b></li>
1045<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
1046<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
1047Item")</li>
1048<li>You <b><i>don't</i></b> have to put in the number</li>
1049<li>Not only that, you can't change it. Numbering is
1050automatic.</li>
1051</ol>
1052<ul>
1053<li style="list-style-type: none; list-style-image: none">This is
1054an "unordered list", using "bullets".</li>
1055<li>The HTML marker to begin an <b>UNordered</b> list is
1056<b>&lt;UL&gt;</b></li>
1057<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
1058<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
1059</ul>
1060<dl>
1061<dt>There is also a "Directory List", which is useful for defining
1062terms, and various other situations where you might want two levels
1063of indentation.</dt>
1064<dt>The HTML marker to begin a <b>Directory</b> list is
1065<b>&lt;DL&gt;</b></dt>
1066<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
1067<dt>There are <b>two</b> types of item codes:</dt>
1068<dd>
1069<ol>
1070<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
1071<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
1072</ol>
1073</dd>
1074<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
1075list;</dt>
1076<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
1077make a blank line, while</dd>
1078<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
1079have a very long line (like this one) that would wrap around, the
1080new line is lined up indented.</dd>
1081<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
1082the term,</dt>
1083<dd>but it's good for lots of other things.</dd>
1084<dt>Netscape's "Bookmark" list is an HTML file, formatted using
1085<b>&lt;DL&gt;</b>;</dt>
1086<dd>most of the "Hot List" pages on the Web started off being
1087bookmark files.</dd>
1088<dt>There is no automatic "bullet" with list items in a Directory
1089List, but</dt>
1090</dl>
1091<ul class="noindent">
1092<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
1093<i>after</i> &lt;dt&gt;</b>, like this
1094<dl>
1095<dd>
1096<ul class="noindent">
1097<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
1098<li>
1099<dl>
1100<dt>But ... <b><i>this</i></b> is what happens if you put
1101<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
1102</dl>
1103</li>
1104<li>
1105<dl>
1106<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
1107&lt;DD&gt;</b>, so be CAREFUL.</dd>
1108</dl>
1109All kinds of lists start and end with implicit Paragraph
1110marks.</li>
1111</ul>
1112</dd>
1113</dl>
1114</li>
1115</ul>
1116<p>All of the marks above are just text formatting commands -- the
1117sort of thing any wordprocessor does; but the real power of HTML,
1118and the Web generally, lies in <b>HyperText</b>, that is, the
1119ability to link one page to another so that it becomes a "hot
1120link". These are the blue, underlined text pieces that you click
1121on. They're called "anchors" in HTML, and they use the <b>&lt;A
1122...&gt; ... &lt;/A&gt;</b> marker.</p>
1123<p><a id="link.how" name="link.how"></a>A link like the following
1124one to my home page: <a href="http://www.umich.edu/~jlawler/">John
1125Lawler</a> looks like this in HTML:</p>
1126<dl>
1127<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
1128Lawler&lt;/A&gt;</b></dd>
1129</dl>
1130<ul>
1131<li style="list-style-type: none; list-style-image: none">This
1132consists of the following parts:</li>
1133<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
1134least one space or blank line</i></b>,</li>
1135<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
1136<b><i>with NO spaces</i></b>,</li>
1137<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
1138spaces</i></b>,</li>
1139<li>followed by the URL typed out, <b>surrounded with DOUBLE
1140quotes, <i>and NO spaces</i></b>,</li>
1141<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
1142<li>followed by whatever text you want to be blue and
1143underlined<br/>
1144 (i.e, the link name itself; this can be as long as you want and
1145can have spaces in it),</li>
1146<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
1147</ul>
1148<p>Any URL can be linked this way. Clicking on it will go to that
1149page, just as if you had typed it into Netscape, or "opened" it
1150from a menu.</p>
1151<hr></hr>
1152<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
1153 The URL of this page is:
1154<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
1155 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
1156<center>
1157<h1>Samples of HTML codes</h1>
1158</center>
1159<hr></hr>
1160<hr></hr>
1161<p>(Note: Multiple spaces and multiple lines in the source file are
1162ignored.)</p>
1163<p>Examples of various type sizes:</p>
1164<h1>This is &lt;H1&gt;</h1>
1165<h2>This is &lt;H2&gt;</h2>
1166<h3>This is &lt;H3&gt;</h3>
1167<h4>This is &lt;H4&gt;</h4>
1168<p>Now we're back to ordinary-size type. All type can be made
1169<i>italic</i>, <b>boldface</b>, or <b><i>boldface
1170italic</i></b>.</p>
1171<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
1172the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
1173<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
1174&lt;/i&gt; or &lt;/I&gt; ends it.</p>
1175<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
1176italic</b></i>; and close both (in either order)
1177&lt;/b&gt;&lt;/I&gt; to end it.</p>
1178<p>(This all assumes you know <b><i>why</i></b> you'd want to use
1179either one, of course;<br/>
1180 knowing how to use HTML is <b>not</b> a substitute for knowing how
1181to write.)</p>
1182<p>HTML is very handy for making lists. There are several
1183types:</p>
1184<ol>
1185<li style="list-style-type: none; list-style-image: none">This is
1186an "ordered list", using numbers.</li>
1187<li>The HTML marker to begin an <b>ordered</b> list is
1188<b>&lt;OL&gt;</b></li>
1189<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
1190<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
1191Item")</li>
1192<li>You <b><i>don't</i></b> have to put in the number</li>
1193<li>Not only that, you can't change it. Numbering is
1194automatic.</li>
1195</ol>
1196<ul>
1197<li style="list-style-type: none; list-style-image: none">This is
1198an "unordered list", using "bullets".</li>
1199<li>The HTML marker to begin an <b>UNordered</b> list is
1200<b>&lt;UL&gt;</b></li>
1201<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
1202<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
1203</ul>
1204<dl>
1205<dt>There is also a "Directory List", which is useful for defining
1206terms, and various other situations where you might want two levels
1207of indentation.</dt>
1208<dt>The HTML marker to begin a <b>Directory</b> list is
1209<b>&lt;DL&gt;</b></dt>
1210<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
1211<dt>There are <b>two</b> types of item codes:</dt>
1212<dd>
1213<ol>
1214<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
1215<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
1216</ol>
1217</dd>
1218<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
1219list;</dt>
1220<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
1221make a blank line, while</dd>
1222<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
1223have a very long line (like this one) that would wrap around, the
1224new line is lined up indented.</dd>
1225<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
1226the term,</dt>
1227<dd>but it's good for lots of other things.</dd>
1228<dt>Netscape's "Bookmark" list is an HTML file, formatted using
1229<b>&lt;DL&gt;</b>;</dt>
1230<dd>most of the "Hot List" pages on the Web started off being
1231bookmark files.</dd>
1232<dt>There is no automatic "bullet" with list items in a Directory
1233List, but</dt>
1234</dl>
1235<ul class="noindent">
1236<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
1237<i>after</i> &lt;dt&gt;</b>, like this
1238<dl>
1239<dd>
1240<ul class="noindent">
1241<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
1242<li>
1243<dl>
1244<dt>But ... <b><i>this</i></b> is what happens if you put
1245<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
1246</dl>
1247</li>
1248<li>
1249<dl>
1250<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
1251&lt;DD&gt;</b>, so be CAREFUL.</dd>
1252</dl>
1253All kinds of lists start and end with implicit Paragraph
1254marks.</li>
1255</ul>
1256</dd>
1257</dl>
1258</li>
1259</ul>
1260<p>All of the marks above are just text formatting commands -- the
1261sort of thing any wordprocessor does; but the real power of HTML,
1262and the Web generally, lies in <b>HyperText</b>, that is, the
1263ability to link one page to another so that it becomes a "hot
1264link". These are the blue, underlined text pieces that you click
1265on. They're called "anchors" in HTML, and they use the <b>&lt;A
1266...&gt; ... &lt;/A&gt;</b> marker.</p>
1267<p><a id="link.how" name="link.how"></a>A link like the following
1268one to my home page: <a href="http://www.umich.edu/~jlawler/">John
1269Lawler</a> looks like this in HTML:</p>
1270<dl>
1271<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
1272Lawler&lt;/A&gt;</b></dd>
1273</dl>
1274<ul>
1275<li style="list-style-type: none; list-style-image: none">This
1276consists of the following parts:</li>
1277<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
1278least one space or blank line</i></b>,</li>
1279<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
1280<b><i>with NO spaces</i></b>,</li>
1281<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
1282spaces</i></b>,</li>
1283<li>followed by the URL typed out, <b>surrounded with DOUBLE
1284quotes, <i>and NO spaces</i></b>,</li>
1285<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
1286<li>followed by whatever text you want to be blue and
1287underlined<br/>
1288 (i.e, the link name itself; this can be as long as you want and
1289can have spaces in it),</li>
1290<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
1291</ul>
1292<p>Any URL can be linked this way. Clicking on it will go to that
1293page, just as if you had typed it into Netscape, or "opened" it
1294from a menu.</p>
1295<hr></hr>
1296<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
1297 The URL of this page is:
1298<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
1299 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
1300<center>
1301<h1>Samples of HTML codes</h1>
1302</center>
1303<hr></hr>
1304<hr></hr>
1305<p>(Note: Multiple spaces and multiple lines in the source file are
1306ignored.)</p>
1307<p>Examples of various type sizes:</p>
1308<h1>This is &lt;H1&gt;</h1>
1309<h2>This is &lt;H2&gt;</h2>
1310<h3>This is &lt;H3&gt;</h3>
1311<h4>This is &lt;H4&gt;</h4>
1312<p>Now we're back to ordinary-size type. All type can be made
1313<i>italic</i>, <b>boldface</b>, or <b><i>boldface
1314italic</i></b>.</p>
1315<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
1316the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
1317<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
1318&lt;/i&gt; or &lt;/I&gt; ends it.</p>
1319<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
1320italic</b></i>; and close both (in either order)
1321&lt;/b&gt;&lt;/I&gt; to end it.</p>
1322<p>(This all assumes you know <b><i>why</i></b> you'd want to use
1323either one, of course;<br/>
1324 knowing how to use HTML is <b>not</b> a substitute for knowing how
1325to write.)</p>
1326<p>HTML is very handy for making lists. There are several
1327types:</p>
1328<ol>
1329<li style="list-style-type: none; list-style-image: none">This is
1330an "ordered list", using numbers.</li>
1331<li>The HTML marker to begin an <b>ordered</b> list is
1332<b>&lt;OL&gt;</b></li>
1333<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
1334<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
1335Item")</li>
1336<li>You <b><i>don't</i></b> have to put in the number</li>
1337<li>Not only that, you can't change it. Numbering is
1338automatic.</li>
1339</ol>
1340<ul>
1341<li style="list-style-type: none; list-style-image: none">This is
1342an "unordered list", using "bullets".</li>
1343<li>The HTML marker to begin an <b>UNordered</b> list is
1344<b>&lt;UL&gt;</b></li>
1345<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
1346<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
1347</ul>
1348<dl>
1349<dt>There is also a "Directory List", which is useful for defining
1350terms, and various other situations where you might want two levels
1351of indentation.</dt>
1352<dt>The HTML marker to begin a <b>Directory</b> list is
1353<b>&lt;DL&gt;</b></dt>
1354<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
1355<dt>There are <b>two</b> types of item codes:</dt>
1356<dd>
1357<ol>
1358<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
1359<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
1360</ol>
1361</dd>
1362<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
1363list;</dt>
1364<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
1365make a blank line, while</dd>
1366<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
1367have a very long line (like this one) that would wrap around, the
1368new line is lined up indented.</dd>
1369<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
1370the term,</dt>
1371<dd>but it's good for lots of other things.</dd>
1372<dt>Netscape's "Bookmark" list is an HTML file, formatted using
1373<b>&lt;DL&gt;</b>;</dt>
1374<dd>most of the "Hot List" pages on the Web started off being
1375bookmark files.</dd>
1376<dt>There is no automatic "bullet" with list items in a Directory
1377List, but</dt>
1378</dl>
1379<ul class="noindent">
1380<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
1381<i>after</i> &lt;dt&gt;</b>, like this
1382<dl>
1383<dd>
1384<ul class="noindent">
1385<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
1386<li>
1387<dl>
1388<dt>But ... <b><i>this</i></b> is what happens if you put
1389<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
1390</dl>
1391</li>
1392<li>
1393<dl>
1394<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
1395&lt;DD&gt;</b>, so be CAREFUL.</dd>
1396</dl>
1397All kinds of lists start and end with implicit Paragraph
1398marks.</li>
1399</ul>
1400</dd>
1401</dl>
1402</li>
1403</ul>
1404<p>All of the marks above are just text formatting commands -- the
1405sort of thing any wordprocessor does; but the real power of HTML,
1406and the Web generally, lies in <b>HyperText</b>, that is, the
1407ability to link one page to another so that it becomes a "hot
1408link". These are the blue, underlined text pieces that you click
1409on. They're called "anchors" in HTML, and they use the <b>&lt;A
1410...&gt; ... &lt;/A&gt;</b> marker.</p>
1411<p><a id="link.how" name="link.how"></a>A link like the following
1412one to my home page: <a href="http://www.umich.edu/~jlawler/">John
1413Lawler</a> looks like this in HTML:</p>
1414<dl>
1415<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
1416Lawler&lt;/A&gt;</b></dd>
1417</dl>
1418<ul>
1419<li style="list-style-type: none; list-style-image: none">This
1420consists of the following parts:</li>
1421<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
1422least one space or blank line</i></b>,</li>
1423<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
1424<b><i>with NO spaces</i></b>,</li>
1425<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
1426spaces</i></b>,</li>
1427<li>followed by the URL typed out, <b>surrounded with DOUBLE
1428quotes, <i>and NO spaces</i></b>,</li>
1429<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
1430<li>followed by whatever text you want to be blue and
1431underlined<br/>
1432 (i.e, the link name itself; this can be as long as you want and
1433can have spaces in it),</li>
1434<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
1435</ul>
1436<p>Any URL can be linked this way. Clicking on it will go to that
1437page, just as if you had typed it into Netscape, or "opened" it
1438from a menu.</p>
1439<hr></hr>
1440<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
1441 The URL of this page is:
1442<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
1443 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
1444<center>
1445<h1>Samples of HTML codes</h1>
1446</center>
1447<hr></hr>
1448<hr></hr>
1449<p>(Note: Multiple spaces and multiple lines in the source file are
1450ignored.)</p>
1451<p>Examples of various type sizes:</p>
1452<h1>This is &lt;H1&gt;</h1>
1453<h2>This is &lt;H2&gt;</h2>
1454<h3>This is &lt;H3&gt;</h3>
1455<h4>This is &lt;H4&gt;</h4>
1456<p>Now we're back to ordinary-size type. All type can be made
1457<i>italic</i>, <b>boldface</b>, or <b><i>boldface
1458italic</i></b>.</p>
1459<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
1460the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
1461<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
1462&lt;/i&gt; or &lt;/I&gt; ends it.</p>
1463<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
1464italic</b></i>; and close both (in either order)
1465&lt;/b&gt;&lt;/I&gt; to end it.</p>
1466<p>(This all assumes you know <b><i>why</i></b> you'd want to use
1467either one, of course;<br/>
1468 knowing how to use HTML is <b>not</b> a substitute for knowing how
1469to write.)</p>
1470<p>HTML is very handy for making lists. There are several
1471types:</p>
1472<ol>
1473<li style="list-style-type: none; list-style-image: none">This is
1474an "ordered list", using numbers.</li>
1475<li>The HTML marker to begin an <b>ordered</b> list is
1476<b>&lt;OL&gt;</b></li>
1477<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
1478<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
1479Item")</li>
1480<li>You <b><i>don't</i></b> have to put in the number</li>
1481<li>Not only that, you can't change it. Numbering is
1482automatic.</li>
1483</ol>
1484<ul>
1485<li style="list-style-type: none; list-style-image: none">This is
1486an "unordered list", using "bullets".</li>
1487<li>The HTML marker to begin an <b>UNordered</b> list is
1488<b>&lt;UL&gt;</b></li>
1489<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
1490<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
1491</ul>
1492<dl>
1493<dt>There is also a "Directory List", which is useful for defining
1494terms, and various other situations where you might want two levels
1495of indentation.</dt>
1496<dt>The HTML marker to begin a <b>Directory</b> list is
1497<b>&lt;DL&gt;</b></dt>
1498<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
1499<dt>There are <b>two</b> types of item codes:</dt>
1500<dd>
1501<ol>
1502<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
1503<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
1504</ol>
1505</dd>
1506<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
1507list;</dt>
1508<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
1509make a blank line, while</dd>
1510<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
1511have a very long line (like this one) that would wrap around, the
1512new line is lined up indented.</dd>
1513<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
1514the term,</dt>
1515<dd>but it's good for lots of other things.</dd>
1516<dt>Netscape's "Bookmark" list is an HTML file, formatted using
1517<b>&lt;DL&gt;</b>;</dt>
1518<dd>most of the "Hot List" pages on the Web started off being
1519bookmark files.</dd>
1520<dt>There is no automatic "bullet" with list items in a Directory
1521List, but</dt>
1522</dl>
1523<ul class="noindent">
1524<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
1525<i>after</i> &lt;dt&gt;</b>, like this
1526<dl>
1527<dd>
1528<ul class="noindent">
1529<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
1530<li>
1531<dl>
1532<dt>But ... <b><i>this</i></b> is what happens if you put
1533<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
1534</dl>
1535</li>
1536<li>
1537<dl>
1538<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
1539&lt;DD&gt;</b>, so be CAREFUL.</dd>
1540</dl>
1541All kinds of lists start and end with implicit Paragraph
1542marks.</li>
1543</ul>
1544</dd>
1545</dl>
1546</li>
1547</ul>
1548<p>All of the marks above are just text formatting commands -- the
1549sort of thing any wordprocessor does; but the real power of HTML,
1550and the Web generally, lies in <b>HyperText</b>, that is, the
1551ability to link one page to another so that it becomes a "hot
1552link". These are the blue, underlined text pieces that you click
1553on. They're called "anchors" in HTML, and they use the <b>&lt;A
1554...&gt; ... &lt;/A&gt;</b> marker.</p>
1555<p><a id="link.how" name="link.how"></a>A link like the following
1556one to my home page: <a href="http://www.umich.edu/~jlawler/">John
1557Lawler</a> looks like this in HTML:</p>
1558<dl>
1559<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
1560Lawler&lt;/A&gt;</b></dd>
1561</dl>
1562<ul>
1563<li style="list-style-type: none; list-style-image: none">This
1564consists of the following parts:</li>
1565<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
1566least one space or blank line</i></b>,</li>
1567<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
1568<b><i>with NO spaces</i></b>,</li>
1569<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
1570spaces</i></b>,</li>
1571<li>followed by the URL typed out, <b>surrounded with DOUBLE
1572quotes, <i>and NO spaces</i></b>,</li>
1573<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
1574<li>followed by whatever text you want to be blue and
1575underlined<br/>
1576 (i.e, the link name itself; this can be as long as you want and
1577can have spaces in it),</li>
1578<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
1579</ul>
1580<p>Any URL can be linked this way. Clicking on it will go to that
1581page, just as if you had typed it into Netscape, or "opened" it
1582from a menu.</p>
1583<hr></hr>
1584<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
1585 The URL of this page is:
1586<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
1587 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
1588<center>
1589<h1>Samples of HTML codes</h1>
1590</center>
1591<hr></hr>
1592<hr></hr>
1593<p>(Note: Multiple spaces and multiple lines in the source file are
1594ignored.)</p>
1595<p>Examples of various type sizes:</p>
1596<h1>This is &lt;H1&gt;</h1>
1597<h2>This is &lt;H2&gt;</h2>
1598<h3>This is &lt;H3&gt;</h3>
1599<h4>This is &lt;H4&gt;</h4>
1600<p>Now we're back to ordinary-size type. All type can be made
1601<i>italic</i>, <b>boldface</b>, or <b><i>boldface
1602italic</i></b>.</p>
1603<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
1604the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
1605<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
1606&lt;/i&gt; or &lt;/I&gt; ends it.</p>
1607<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
1608italic</b></i>; and close both (in either order)
1609&lt;/b&gt;&lt;/I&gt; to end it.</p>
1610<p>(This all assumes you know <b><i>why</i></b> you'd want to use
1611either one, of course;<br/>
1612 knowing how to use HTML is <b>not</b> a substitute for knowing how
1613to write.)</p>
1614<p>HTML is very handy for making lists. There are several
1615types:</p>
1616<ol>
1617<li style="list-style-type: none; list-style-image: none">This is
1618an "ordered list", using numbers.</li>
1619<li>The HTML marker to begin an <b>ordered</b> list is
1620<b>&lt;OL&gt;</b></li>
1621<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
1622<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
1623Item")</li>
1624<li>You <b><i>don't</i></b> have to put in the number</li>
1625<li>Not only that, you can't change it. Numbering is
1626automatic.</li>
1627</ol>
1628<ul>
1629<li style="list-style-type: none; list-style-image: none">This is
1630an "unordered list", using "bullets".</li>
1631<li>The HTML marker to begin an <b>UNordered</b> list is
1632<b>&lt;UL&gt;</b></li>
1633<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
1634<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
1635</ul>
1636<dl>
1637<dt>There is also a "Directory List", which is useful for defining
1638terms, and various other situations where you might want two levels
1639of indentation.</dt>
1640<dt>The HTML marker to begin a <b>Directory</b> list is
1641<b>&lt;DL&gt;</b></dt>
1642<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
1643<dt>There are <b>two</b> types of item codes:</dt>
1644<dd>
1645<ol>
1646<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
1647<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
1648</ol>
1649</dd>
1650<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
1651list;</dt>
1652<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
1653make a blank line, while</dd>
1654<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
1655have a very long line (like this one) that would wrap around, the
1656new line is lined up indented.</dd>
1657<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
1658the term,</dt>
1659<dd>but it's good for lots of other things.</dd>
1660<dt>Netscape's "Bookmark" list is an HTML file, formatted using
1661<b>&lt;DL&gt;</b>;</dt>
1662<dd>most of the "Hot List" pages on the Web started off being
1663bookmark files.</dd>
1664<dt>There is no automatic "bullet" with list items in a Directory
1665List, but</dt>
1666</dl>
1667<ul class="noindent">
1668<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
1669<i>after</i> &lt;dt&gt;</b>, like this
1670<dl>
1671<dd>
1672<ul class="noindent">
1673<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
1674<li>
1675<dl>
1676<dt>But ... <b><i>this</i></b> is what happens if you put
1677<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
1678</dl>
1679</li>
1680<li>
1681<dl>
1682<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
1683&lt;DD&gt;</b>, so be CAREFUL.</dd>
1684</dl>
1685All kinds of lists start and end with implicit Paragraph
1686marks.</li>
1687</ul>
1688</dd>
1689</dl>
1690</li>
1691</ul>
1692<p>All of the marks above are just text formatting commands -- the
1693sort of thing any wordprocessor does; but the real power of HTML,
1694and the Web generally, lies in <b>HyperText</b>, that is, the
1695ability to link one page to another so that it becomes a "hot
1696link". These are the blue, underlined text pieces that you click
1697on. They're called "anchors" in HTML, and they use the <b>&lt;A
1698...&gt; ... &lt;/A&gt;</b> marker.</p>
1699<p><a id="link.how" name="link.how"></a>A link like the following
1700one to my home page: <a href="http://www.umich.edu/~jlawler/">John
1701Lawler</a> looks like this in HTML:</p>
1702<dl>
1703<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
1704Lawler&lt;/A&gt;</b></dd>
1705</dl>
1706<ul>
1707<li style="list-style-type: none; list-style-image: none">This
1708consists of the following parts:</li>
1709<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
1710least one space or blank line</i></b>,</li>
1711<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
1712<b><i>with NO spaces</i></b>,</li>
1713<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
1714spaces</i></b>,</li>
1715<li>followed by the URL typed out, <b>surrounded with DOUBLE
1716quotes, <i>and NO spaces</i></b>,</li>
1717<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
1718<li>followed by whatever text you want to be blue and
1719underlined<br/>
1720 (i.e, the link name itself; this can be as long as you want and
1721can have spaces in it),</li>
1722<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
1723</ul>
1724<p>Any URL can be linked this way. Clicking on it will go to that
1725page, just as if you had typed it into Netscape, or "opened" it
1726from a menu.</p>
1727<hr></hr>
1728<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
1729 The URL of this page is:
1730<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
1731 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
1732<center>
1733<h1>Samples of HTML codes</h1>
1734</center>
1735<hr></hr>
1736<hr></hr>
1737<p>(Note: Multiple spaces and multiple lines in the source file are
1738ignored.)</p>
1739<p>Examples of various type sizes:</p>
1740<h1>This is &lt;H1&gt;</h1>
1741<h2>This is &lt;H2&gt;</h2>
1742<h3>This is &lt;H3&gt;</h3>
1743<h4>This is &lt;H4&gt;</h4>
1744<p>Now we're back to ordinary-size type. All type can be made
1745<i>italic</i>, <b>boldface</b>, or <b><i>boldface
1746italic</i></b>.</p>
1747<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
1748the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
1749<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
1750&lt;/i&gt; or &lt;/I&gt; ends it.</p>
1751<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
1752italic</b></i>; and close both (in either order)
1753&lt;/b&gt;&lt;/I&gt; to end it.</p>
1754<p>(This all assumes you know <b><i>why</i></b> you'd want to use
1755either one, of course;<br/>
1756 knowing how to use HTML is <b>not</b> a substitute for knowing how
1757to write.)</p>
1758<p>HTML is very handy for making lists. There are several
1759types:</p>
1760<ol>
1761<li style="list-style-type: none; list-style-image: none">This is
1762an "ordered list", using numbers.</li>
1763<li>The HTML marker to begin an <b>ordered</b> list is
1764<b>&lt;OL&gt;</b></li>
1765<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
1766<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
1767Item")</li>
1768<li>You <b><i>don't</i></b> have to put in the number</li>
1769<li>Not only that, you can't change it. Numbering is
1770automatic.</li>
1771</ol>
1772<ul>
1773<li style="list-style-type: none; list-style-image: none">This is
1774an "unordered list", using "bullets".</li>
1775<li>The HTML marker to begin an <b>UNordered</b> list is
1776<b>&lt;UL&gt;</b></li>
1777<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
1778<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
1779</ul>
1780<dl>
1781<dt>There is also a "Directory List", which is useful for defining
1782terms, and various other situations where you might want two levels
1783of indentation.</dt>
1784<dt>The HTML marker to begin a <b>Directory</b> list is
1785<b>&lt;DL&gt;</b></dt>
1786<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
1787<dt>There are <b>two</b> types of item codes:</dt>
1788<dd>
1789<ol>
1790<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
1791<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
1792</ol>
1793</dd>
1794<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
1795list;</dt>
1796<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
1797make a blank line, while</dd>
1798<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
1799have a very long line (like this one) that would wrap around, the
1800new line is lined up indented.</dd>
1801<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
1802the term,</dt>
1803<dd>but it's good for lots of other things.</dd>
1804<dt>Netscape's "Bookmark" list is an HTML file, formatted using
1805<b>&lt;DL&gt;</b>;</dt>
1806<dd>most of the "Hot List" pages on the Web started off being
1807bookmark files.</dd>
1808<dt>There is no automatic "bullet" with list items in a Directory
1809List, but</dt>
1810</dl>
1811<ul class="noindent">
1812<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
1813<i>after</i> &lt;dt&gt;</b>, like this
1814<dl>
1815<dd>
1816<ul class="noindent">
1817<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
1818<li>
1819<dl>
1820<dt>But ... <b><i>this</i></b> is what happens if you put
1821<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
1822</dl>
1823</li>
1824<li>
1825<dl>
1826<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
1827&lt;DD&gt;</b>, so be CAREFUL.</dd>
1828</dl>
1829All kinds of lists start and end with implicit Paragraph
1830marks.</li>
1831</ul>
1832</dd>
1833</dl>
1834</li>
1835</ul>
1836<p>All of the marks above are just text formatting commands -- the
1837sort of thing any wordprocessor does; but the real power of HTML,
1838and the Web generally, lies in <b>HyperText</b>, that is, the
1839ability to link one page to another so that it becomes a "hot
1840link". These are the blue, underlined text pieces that you click
1841on. They're called "anchors" in HTML, and they use the <b>&lt;A
1842...&gt; ... &lt;/A&gt;</b> marker.</p>
1843<p><a id="link.how" name="link.how"></a>A link like the following
1844one to my home page: <a href="http://www.umich.edu/~jlawler/">John
1845Lawler</a> looks like this in HTML:</p>
1846<dl>
1847<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
1848Lawler&lt;/A&gt;</b></dd>
1849</dl>
1850<ul>
1851<li style="list-style-type: none; list-style-image: none">This
1852consists of the following parts:</li>
1853<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
1854least one space or blank line</i></b>,</li>
1855<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
1856<b><i>with NO spaces</i></b>,</li>
1857<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
1858spaces</i></b>,</li>
1859<li>followed by the URL typed out, <b>surrounded with DOUBLE
1860quotes, <i>and NO spaces</i></b>,</li>
1861<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
1862<li>followed by whatever text you want to be blue and
1863underlined<br/>
1864 (i.e, the link name itself; this can be as long as you want and
1865can have spaces in it),</li>
1866<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
1867</ul>
1868<p>Any URL can be linked this way. Clicking on it will go to that
1869page, just as if you had typed it into Netscape, or "opened" it
1870from a menu.</p>
1871<hr></hr>
1872<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
1873 The URL of this page is:
1874<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
1875 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
1876<center>
1877<h1>Samples of HTML codes</h1>
1878</center>
1879<hr></hr>
1880<hr></hr>
1881<p>(Note: Multiple spaces and multiple lines in the source file are
1882ignored.)</p>
1883<p>Examples of various type sizes:</p>
1884<h1>This is &lt;H1&gt;</h1>
1885<h2>This is &lt;H2&gt;</h2>
1886<h3>This is &lt;H3&gt;</h3>
1887<h4>This is &lt;H4&gt;</h4>
1888<p>Now we're back to ordinary-size type. All type can be made
1889<i>italic</i>, <b>boldface</b>, or <b><i>boldface
1890italic</i></b>.</p>
1891<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
1892the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
1893<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
1894&lt;/i&gt; or &lt;/I&gt; ends it.</p>
1895<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
1896italic</b></i>; and close both (in either order)
1897&lt;/b&gt;&lt;/I&gt; to end it.</p>
1898<p>(This all assumes you know <b><i>why</i></b> you'd want to use
1899either one, of course;<br/>
1900 knowing how to use HTML is <b>not</b> a substitute for knowing how
1901to write.)</p>
1902<p>HTML is very handy for making lists. There are several
1903types:</p>
1904<ol>
1905<li style="list-style-type: none; list-style-image: none">This is
1906an "ordered list", using numbers.</li>
1907<li>The HTML marker to begin an <b>ordered</b> list is
1908<b>&lt;OL&gt;</b></li>
1909<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
1910<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
1911Item")</li>
1912<li>You <b><i>don't</i></b> have to put in the number</li>
1913<li>Not only that, you can't change it. Numbering is
1914automatic.</li>
1915</ol>
1916<ul>
1917<li style="list-style-type: none; list-style-image: none">This is
1918an "unordered list", using "bullets".</li>
1919<li>The HTML marker to begin an <b>UNordered</b> list is
1920<b>&lt;UL&gt;</b></li>
1921<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
1922<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
1923</ul>
1924<dl>
1925<dt>There is also a "Directory List", which is useful for defining
1926terms, and various other situations where you might want two levels
1927of indentation.</dt>
1928<dt>The HTML marker to begin a <b>Directory</b> list is
1929<b>&lt;DL&gt;</b></dt>
1930<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
1931<dt>There are <b>two</b> types of item codes:</dt>
1932<dd>
1933<ol>
1934<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
1935<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
1936</ol>
1937</dd>
1938<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
1939list;</dt>
1940<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
1941make a blank line, while</dd>
1942<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
1943have a very long line (like this one) that would wrap around, the
1944new line is lined up indented.</dd>
1945<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
1946the term,</dt>
1947<dd>but it's good for lots of other things.</dd>
1948<dt>Netscape's "Bookmark" list is an HTML file, formatted using
1949<b>&lt;DL&gt;</b>;</dt>
1950<dd>most of the "Hot List" pages on the Web started off being
1951bookmark files.</dd>
1952<dt>There is no automatic "bullet" with list items in a Directory
1953List, but</dt>
1954</dl>
1955<ul class="noindent">
1956<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
1957<i>after</i> &lt;dt&gt;</b>, like this
1958<dl>
1959<dd>
1960<ul class="noindent">
1961<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
1962<li>
1963<dl>
1964<dt>But ... <b><i>this</i></b> is what happens if you put
1965<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
1966</dl>
1967</li>
1968<li>
1969<dl>
1970<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
1971&lt;DD&gt;</b>, so be CAREFUL.</dd>
1972</dl>
1973All kinds of lists start and end with implicit Paragraph
1974marks.</li>
1975</ul>
1976</dd>
1977</dl>
1978</li>
1979</ul>
1980<p>All of the marks above are just text formatting commands -- the
1981sort of thing any wordprocessor does; but the real power of HTML,
1982and the Web generally, lies in <b>HyperText</b>, that is, the
1983ability to link one page to another so that it becomes a "hot
1984link". These are the blue, underlined text pieces that you click
1985on. They're called "anchors" in HTML, and they use the <b>&lt;A
1986...&gt; ... &lt;/A&gt;</b> marker.</p>
1987<p><a id="link.how" name="link.how"></a>A link like the following
1988one to my home page: <a href="http://www.umich.edu/~jlawler/">John
1989Lawler</a> looks like this in HTML:</p>
1990<dl>
1991<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
1992Lawler&lt;/A&gt;</b></dd>
1993</dl>
1994<ul>
1995<li style="list-style-type: none; list-style-image: none">This
1996consists of the following parts:</li>
1997<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
1998least one space or blank line</i></b>,</li>
1999<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
2000<b><i>with NO spaces</i></b>,</li>
2001<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
2002spaces</i></b>,</li>
2003<li>followed by the URL typed out, <b>surrounded with DOUBLE
2004quotes, <i>and NO spaces</i></b>,</li>
2005<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
2006<li>followed by whatever text you want to be blue and
2007underlined<br/>
2008 (i.e, the link name itself; this can be as long as you want and
2009can have spaces in it),</li>
2010<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
2011</ul>
2012<p>Any URL can be linked this way. Clicking on it will go to that
2013page, just as if you had typed it into Netscape, or "opened" it
2014from a menu.</p>
2015<hr></hr>
2016<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
2017 The URL of this page is:
2018<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
2019 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
2020<center>
2021<h1>Samples of HTML codes</h1>
2022</center>
2023<hr></hr>
2024<hr></hr>
2025<p>(Note: Multiple spaces and multiple lines in the source file are
2026ignored.)</p>
2027<p>Examples of various type sizes:</p>
2028<h1>This is &lt;H1&gt;</h1>
2029<h2>This is &lt;H2&gt;</h2>
2030<h3>This is &lt;H3&gt;</h3>
2031<h4>This is &lt;H4&gt;</h4>
2032<p>Now we're back to ordinary-size type. All type can be made
2033<i>italic</i>, <b>boldface</b>, or <b><i>boldface
2034italic</i></b>.</p>
2035<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
2036the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
2037<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
2038&lt;/i&gt; or &lt;/I&gt; ends it.</p>
2039<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
2040italic</b></i>; and close both (in either order)
2041&lt;/b&gt;&lt;/I&gt; to end it.</p>
2042<p>(This all assumes you know <b><i>why</i></b> you'd want to use
2043either one, of course;<br/>
2044 knowing how to use HTML is <b>not</b> a substitute for knowing how
2045to write.)</p>
2046<p>HTML is very handy for making lists. There are several
2047types:</p>
2048<ol>
2049<li style="list-style-type: none; list-style-image: none">This is
2050an "ordered list", using numbers.</li>
2051<li>The HTML marker to begin an <b>ordered</b> list is
2052<b>&lt;OL&gt;</b></li>
2053<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
2054<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
2055Item")</li>
2056<li>You <b><i>don't</i></b> have to put in the number</li>
2057<li>Not only that, you can't change it. Numbering is
2058automatic.</li>
2059</ol>
2060<ul>
2061<li style="list-style-type: none; list-style-image: none">This is
2062an "unordered list", using "bullets".</li>
2063<li>The HTML marker to begin an <b>UNordered</b> list is
2064<b>&lt;UL&gt;</b></li>
2065<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
2066<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
2067</ul>
2068<dl>
2069<dt>There is also a "Directory List", which is useful for defining
2070terms, and various other situations where you might want two levels
2071of indentation.</dt>
2072<dt>The HTML marker to begin a <b>Directory</b> list is
2073<b>&lt;DL&gt;</b></dt>
2074<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
2075<dt>There are <b>two</b> types of item codes:</dt>
2076<dd>
2077<ol>
2078<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
2079<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
2080</ol>
2081</dd>
2082<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
2083list;</dt>
2084<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
2085make a blank line, while</dd>
2086<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
2087have a very long line (like this one) that would wrap around, the
2088new line is lined up indented.</dd>
2089<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
2090the term,</dt>
2091<dd>but it's good for lots of other things.</dd>
2092<dt>Netscape's "Bookmark" list is an HTML file, formatted using
2093<b>&lt;DL&gt;</b>;</dt>
2094<dd>most of the "Hot List" pages on the Web started off being
2095bookmark files.</dd>
2096<dt>There is no automatic "bullet" with list items in a Directory
2097List, but</dt>
2098</dl>
2099<ul class="noindent">
2100<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
2101<i>after</i> &lt;dt&gt;</b>, like this
2102<dl>
2103<dd>
2104<ul class="noindent">
2105<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
2106<li>
2107<dl>
2108<dt>But ... <b><i>this</i></b> is what happens if you put
2109<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
2110</dl>
2111</li>
2112<li>
2113<dl>
2114<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
2115&lt;DD&gt;</b>, so be CAREFUL.</dd>
2116</dl>
2117All kinds of lists start and end with implicit Paragraph
2118marks.</li>
2119</ul>
2120</dd>
2121</dl>
2122</li>
2123</ul>
2124<p>All of the marks above are just text formatting commands -- the
2125sort of thing any wordprocessor does; but the real power of HTML,
2126and the Web generally, lies in <b>HyperText</b>, that is, the
2127ability to link one page to another so that it becomes a "hot
2128link". These are the blue, underlined text pieces that you click
2129on. They're called "anchors" in HTML, and they use the <b>&lt;A
2130...&gt; ... &lt;/A&gt;</b> marker.</p>
2131<p><a id="link.how" name="link.how"></a>A link like the following
2132one to my home page: <a href="http://www.umich.edu/~jlawler/">John
2133Lawler</a> looks like this in HTML:</p>
2134<dl>
2135<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
2136Lawler&lt;/A&gt;</b></dd>
2137</dl>
2138<ul>
2139<li style="list-style-type: none; list-style-image: none">This
2140consists of the following parts:</li>
2141<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
2142least one space or blank line</i></b>,</li>
2143<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
2144<b><i>with NO spaces</i></b>,</li>
2145<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
2146spaces</i></b>,</li>
2147<li>followed by the URL typed out, <b>surrounded with DOUBLE
2148quotes, <i>and NO spaces</i></b>,</li>
2149<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
2150<li>followed by whatever text you want to be blue and
2151underlined<br/>
2152 (i.e, the link name itself; this can be as long as you want and
2153can have spaces in it),</li>
2154<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
2155</ul>
2156<p>Any URL can be linked this way. Clicking on it will go to that
2157page, just as if you had typed it into Netscape, or "opened" it
2158from a menu.</p>
2159<hr></hr>
2160<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
2161 The URL of this page is:
2162<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
2163 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
2164<center>
2165<h1>Samples of HTML codes</h1>
2166</center>
2167<hr></hr>
2168<hr></hr>
2169<p>(Note: Multiple spaces and multiple lines in the source file are
2170ignored.)</p>
2171<p>Examples of various type sizes:</p>
2172<h1>This is &lt;H1&gt;</h1>
2173<h2>This is &lt;H2&gt;</h2>
2174<h3>This is &lt;H3&gt;</h3>
2175<h4>This is &lt;H4&gt;</h4>
2176<p>Now we're back to ordinary-size type. All type can be made
2177<i>italic</i>, <b>boldface</b>, or <b><i>boldface
2178italic</i></b>.</p>
2179<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
2180the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
2181<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
2182&lt;/i&gt; or &lt;/I&gt; ends it.</p>
2183<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
2184italic</b></i>; and close both (in either order)
2185&lt;/b&gt;&lt;/I&gt; to end it.</p>
2186<p>(This all assumes you know <b><i>why</i></b> you'd want to use
2187either one, of course;<br/>
2188 knowing how to use HTML is <b>not</b> a substitute for knowing how
2189to write.)</p>
2190<p>HTML is very handy for making lists. There are several
2191types:</p>
2192<ol>
2193<li style="list-style-type: none; list-style-image: none">This is
2194an "ordered list", using numbers.</li>
2195<li>The HTML marker to begin an <b>ordered</b> list is
2196<b>&lt;OL&gt;</b></li>
2197<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
2198<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
2199Item")</li>
2200<li>You <b><i>don't</i></b> have to put in the number</li>
2201<li>Not only that, you can't change it. Numbering is
2202automatic.</li>
2203</ol>
2204<ul>
2205<li style="list-style-type: none; list-style-image: none">This is
2206an "unordered list", using "bullets".</li>
2207<li>The HTML marker to begin an <b>UNordered</b> list is
2208<b>&lt;UL&gt;</b></li>
2209<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
2210<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
2211</ul>
2212<dl>
2213<dt>There is also a "Directory List", which is useful for defining
2214terms, and various other situations where you might want two levels
2215of indentation.</dt>
2216<dt>The HTML marker to begin a <b>Directory</b> list is
2217<b>&lt;DL&gt;</b></dt>
2218<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
2219<dt>There are <b>two</b> types of item codes:</dt>
2220<dd>
2221<ol>
2222<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
2223<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
2224</ol>
2225</dd>
2226<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
2227list;</dt>
2228<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
2229make a blank line, while</dd>
2230<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
2231have a very long line (like this one) that would wrap around, the
2232new line is lined up indented.</dd>
2233<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
2234the term,</dt>
2235<dd>but it's good for lots of other things.</dd>
2236<dt>Netscape's "Bookmark" list is an HTML file, formatted using
2237<b>&lt;DL&gt;</b>;</dt>
2238<dd>most of the "Hot List" pages on the Web started off being
2239bookmark files.</dd>
2240<dt>There is no automatic "bullet" with list items in a Directory
2241List, but</dt>
2242</dl>
2243<ul class="noindent">
2244<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
2245<i>after</i> &lt;dt&gt;</b>, like this
2246<dl>
2247<dd>
2248<ul class="noindent">
2249<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
2250<li>
2251<dl>
2252<dt>But ... <b><i>this</i></b> is what happens if you put
2253<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
2254</dl>
2255</li>
2256<li>
2257<dl>
2258<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
2259&lt;DD&gt;</b>, so be CAREFUL.</dd>
2260</dl>
2261All kinds of lists start and end with implicit Paragraph
2262marks.</li>
2263</ul>
2264</dd>
2265</dl>
2266</li>
2267</ul>
2268<p>All of the marks above are just text formatting commands -- the
2269sort of thing any wordprocessor does; but the real power of HTML,
2270and the Web generally, lies in <b>HyperText</b>, that is, the
2271ability to link one page to another so that it becomes a "hot
2272link". These are the blue, underlined text pieces that you click
2273on. They're called "anchors" in HTML, and they use the <b>&lt;A
2274...&gt; ... &lt;/A&gt;</b> marker.</p>
2275<p><a id="link.how" name="link.how"></a>A link like the following
2276one to my home page: <a href="http://www.umich.edu/~jlawler/">John
2277Lawler</a> looks like this in HTML:</p>
2278<dl>
2279<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
2280Lawler&lt;/A&gt;</b></dd>
2281</dl>
2282<ul>
2283<li style="list-style-type: none; list-style-image: none">This
2284consists of the following parts:</li>
2285<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
2286least one space or blank line</i></b>,</li>
2287<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
2288<b><i>with NO spaces</i></b>,</li>
2289<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
2290spaces</i></b>,</li>
2291<li>followed by the URL typed out, <b>surrounded with DOUBLE
2292quotes, <i>and NO spaces</i></b>,</li>
2293<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
2294<li>followed by whatever text you want to be blue and
2295underlined<br/>
2296 (i.e, the link name itself; this can be as long as you want and
2297can have spaces in it),</li>
2298<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
2299</ul>
2300<p>Any URL can be linked this way. Clicking on it will go to that
2301page, just as if you had typed it into Netscape, or "opened" it
2302from a menu.</p>
2303<hr></hr>
2304<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
2305 The URL of this page is:
2306<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
2307 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
2308<center>
2309<h1>Samples of HTML codes</h1>
2310</center>
2311<hr></hr>
2312<hr></hr>
2313<p>(Note: Multiple spaces and multiple lines in the source file are
2314ignored.)</p>
2315<p>Examples of various type sizes:</p>
2316<h1>This is &lt;H1&gt;</h1>
2317<h2>This is &lt;H2&gt;</h2>
2318<h3>This is &lt;H3&gt;</h3>
2319<h4>This is &lt;H4&gt;</h4>
2320<p>Now we're back to ordinary-size type. All type can be made
2321<i>italic</i>, <b>boldface</b>, or <b><i>boldface
2322italic</i></b>.</p>
2323<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
2324the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
2325<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
2326&lt;/i&gt; or &lt;/I&gt; ends it.</p>
2327<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
2328italic</b></i>; and close both (in either order)
2329&lt;/b&gt;&lt;/I&gt; to end it.</p>
2330<p>(This all assumes you know <b><i>why</i></b> you'd want to use
2331either one, of course;<br/>
2332 knowing how to use HTML is <b>not</b> a substitute for knowing how
2333to write.)</p>
2334<p>HTML is very handy for making lists. There are several
2335types:</p>
2336<ol>
2337<li style="list-style-type: none; list-style-image: none">This is
2338an "ordered list", using numbers.</li>
2339<li>The HTML marker to begin an <b>ordered</b> list is
2340<b>&lt;OL&gt;</b></li>
2341<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
2342<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
2343Item")</li>
2344<li>You <b><i>don't</i></b> have to put in the number</li>
2345<li>Not only that, you can't change it. Numbering is
2346automatic.</li>
2347</ol>
2348<ul>
2349<li style="list-style-type: none; list-style-image: none">This is
2350an "unordered list", using "bullets".</li>
2351<li>The HTML marker to begin an <b>UNordered</b> list is
2352<b>&lt;UL&gt;</b></li>
2353<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
2354<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
2355</ul>
2356<dl>
2357<dt>There is also a "Directory List", which is useful for defining
2358terms, and various other situations where you might want two levels
2359of indentation.</dt>
2360<dt>The HTML marker to begin a <b>Directory</b> list is
2361<b>&lt;DL&gt;</b></dt>
2362<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
2363<dt>There are <b>two</b> types of item codes:</dt>
2364<dd>
2365<ol>
2366<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
2367<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
2368</ol>
2369</dd>
2370<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
2371list;</dt>
2372<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
2373make a blank line, while</dd>
2374<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
2375have a very long line (like this one) that would wrap around, the
2376new line is lined up indented.</dd>
2377<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
2378the term,</dt>
2379<dd>but it's good for lots of other things.</dd>
2380<dt>Netscape's "Bookmark" list is an HTML file, formatted using
2381<b>&lt;DL&gt;</b>;</dt>
2382<dd>most of the "Hot List" pages on the Web started off being
2383bookmark files.</dd>
2384<dt>There is no automatic "bullet" with list items in a Directory
2385List, but</dt>
2386</dl>
2387<ul class="noindent">
2388<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
2389<i>after</i> &lt;dt&gt;</b>, like this
2390<dl>
2391<dd>
2392<ul class="noindent">
2393<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
2394<li>
2395<dl>
2396<dt>But ... <b><i>this</i></b> is what happens if you put
2397<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
2398</dl>
2399</li>
2400<li>
2401<dl>
2402<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
2403&lt;DD&gt;</b>, so be CAREFUL.</dd>
2404</dl>
2405All kinds of lists start and end with implicit Paragraph
2406marks.</li>
2407</ul>
2408</dd>
2409</dl>
2410</li>
2411</ul>
2412<p>All of the marks above are just text formatting commands -- the
2413sort of thing any wordprocessor does; but the real power of HTML,
2414and the Web generally, lies in <b>HyperText</b>, that is, the
2415ability to link one page to another so that it becomes a "hot
2416link". These are the blue, underlined text pieces that you click
2417on. They're called "anchors" in HTML, and they use the <b>&lt;A
2418...&gt; ... &lt;/A&gt;</b> marker.</p>
2419<p><a id="link.how" name="link.how"></a>A link like the following
2420one to my home page: <a href="http://www.umich.edu/~jlawler/">John
2421Lawler</a> looks like this in HTML:</p>
2422<dl>
2423<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
2424Lawler&lt;/A&gt;</b></dd>
2425</dl>
2426<ul>
2427<li style="list-style-type: none; list-style-image: none">This
2428consists of the following parts:</li>
2429<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
2430least one space or blank line</i></b>,</li>
2431<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
2432<b><i>with NO spaces</i></b>,</li>
2433<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
2434spaces</i></b>,</li>
2435<li>followed by the URL typed out, <b>surrounded with DOUBLE
2436quotes, <i>and NO spaces</i></b>,</li>
2437<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
2438<li>followed by whatever text you want to be blue and
2439underlined<br/>
2440 (i.e, the link name itself; this can be as long as you want and
2441can have spaces in it),</li>
2442<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
2443</ul>
2444<p>Any URL can be linked this way. Clicking on it will go to that
2445page, just as if you had typed it into Netscape, or "opened" it
2446from a menu.</p>
2447<hr></hr>
2448<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
2449 The URL of this page is:
2450<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
2451 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
2452<center>
2453<h1>Samples of HTML codes</h1>
2454</center>
2455<hr></hr>
2456<hr></hr>
2457<p>(Note: Multiple spaces and multiple lines in the source file are
2458ignored.)</p>
2459<p>Examples of various type sizes:</p>
2460<h1>This is &lt;H1&gt;</h1>
2461<h2>This is &lt;H2&gt;</h2>
2462<h3>This is &lt;H3&gt;</h3>
2463<h4>This is &lt;H4&gt;</h4>
2464<p>Now we're back to ordinary-size type. All type can be made
2465<i>italic</i>, <b>boldface</b>, or <b><i>boldface
2466italic</i></b>.</p>
2467<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
2468the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
2469<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
2470&lt;/i&gt; or &lt;/I&gt; ends it.</p>
2471<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
2472italic</b></i>; and close both (in either order)
2473&lt;/b&gt;&lt;/I&gt; to end it.</p>
2474<p>(This all assumes you know <b><i>why</i></b> you'd want to use
2475either one, of course;<br/>
2476 knowing how to use HTML is <b>not</b> a substitute for knowing how
2477to write.)</p>
2478<p>HTML is very handy for making lists. There are several
2479types:</p>
2480<ol>
2481<li style="list-style-type: none; list-style-image: none">This is
2482an "ordered list", using numbers.</li>
2483<li>The HTML marker to begin an <b>ordered</b> list is
2484<b>&lt;OL&gt;</b></li>
2485<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
2486<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
2487Item")</li>
2488<li>You <b><i>don't</i></b> have to put in the number</li>
2489<li>Not only that, you can't change it. Numbering is
2490automatic.</li>
2491</ol>
2492<ul>
2493<li style="list-style-type: none; list-style-image: none">This is
2494an "unordered list", using "bullets".</li>
2495<li>The HTML marker to begin an <b>UNordered</b> list is
2496<b>&lt;UL&gt;</b></li>
2497<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
2498<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
2499</ul>
2500<dl>
2501<dt>There is also a "Directory List", which is useful for defining
2502terms, and various other situations where you might want two levels
2503of indentation.</dt>
2504<dt>The HTML marker to begin a <b>Directory</b> list is
2505<b>&lt;DL&gt;</b></dt>
2506<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
2507<dt>There are <b>two</b> types of item codes:</dt>
2508<dd>
2509<ol>
2510<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
2511<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
2512</ol>
2513</dd>
2514<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
2515list;</dt>
2516<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
2517make a blank line, while</dd>
2518<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
2519have a very long line (like this one) that would wrap around, the
2520new line is lined up indented.</dd>
2521<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
2522the term,</dt>
2523<dd>but it's good for lots of other things.</dd>
2524<dt>Netscape's "Bookmark" list is an HTML file, formatted using
2525<b>&lt;DL&gt;</b>;</dt>
2526<dd>most of the "Hot List" pages on the Web started off being
2527bookmark files.</dd>
2528<dt>There is no automatic "bullet" with list items in a Directory
2529List, but</dt>
2530</dl>
2531<ul class="noindent">
2532<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
2533<i>after</i> &lt;dt&gt;</b>, like this
2534<dl>
2535<dd>
2536<ul class="noindent">
2537<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
2538<li>
2539<dl>
2540<dt>But ... <b><i>this</i></b> is what happens if you put
2541<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
2542</dl>
2543</li>
2544<li>
2545<dl>
2546<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
2547&lt;DD&gt;</b>, so be CAREFUL.</dd>
2548</dl>
2549All kinds of lists start and end with implicit Paragraph
2550marks.</li>
2551</ul>
2552</dd>
2553</dl>
2554</li>
2555</ul>
2556<p>All of the marks above are just text formatting commands -- the
2557sort of thing any wordprocessor does; but the real power of HTML,
2558and the Web generally, lies in <b>HyperText</b>, that is, the
2559ability to link one page to another so that it becomes a "hot
2560link". These are the blue, underlined text pieces that you click
2561on. They're called "anchors" in HTML, and they use the <b>&lt;A
2562...&gt; ... &lt;/A&gt;</b> marker.</p>
2563<p><a id="link.how" name="link.how"></a>A link like the following
2564one to my home page: <a href="http://www.umich.edu/~jlawler/">John
2565Lawler</a> looks like this in HTML:</p>
2566<dl>
2567<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
2568Lawler&lt;/A&gt;</b></dd>
2569</dl>
2570<ul>
2571<li style="list-style-type: none; list-style-image: none">This
2572consists of the following parts:</li>
2573<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
2574least one space or blank line</i></b>,</li>
2575<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
2576<b><i>with NO spaces</i></b>,</li>
2577<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
2578spaces</i></b>,</li>
2579<li>followed by the URL typed out, <b>surrounded with DOUBLE
2580quotes, <i>and NO spaces</i></b>,</li>
2581<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
2582<li>followed by whatever text you want to be blue and
2583underlined<br/>
2584 (i.e, the link name itself; this can be as long as you want and
2585can have spaces in it),</li>
2586<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
2587</ul>
2588<p>Any URL can be linked this way. Clicking on it will go to that
2589page, just as if you had typed it into Netscape, or "opened" it
2590from a menu.</p>
2591<hr></hr>
2592<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
2593 The URL of this page is:
2594<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
2595 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
2596<center>
2597<h1>Samples of HTML codes</h1>
2598</center>
2599<hr></hr>
2600<hr></hr>
2601<p>(Note: Multiple spaces and multiple lines in the source file are
2602ignored.)</p>
2603<p>Examples of various type sizes:</p>
2604<h1>This is &lt;H1&gt;</h1>
2605<h2>This is &lt;H2&gt;</h2>
2606<h3>This is &lt;H3&gt;</h3>
2607<h4>This is &lt;H4&gt;</h4>
2608<p>Now we're back to ordinary-size type. All type can be made
2609<i>italic</i>, <b>boldface</b>, or <b><i>boldface
2610italic</i></b>.</p>
2611<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
2612the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
2613<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
2614&lt;/i&gt; or &lt;/I&gt; ends it.</p>
2615<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
2616italic</b></i>; and close both (in either order)
2617&lt;/b&gt;&lt;/I&gt; to end it.</p>
2618<p>(This all assumes you know <b><i>why</i></b> you'd want to use
2619either one, of course;<br/>
2620 knowing how to use HTML is <b>not</b> a substitute for knowing how
2621to write.)</p>
2622<p>HTML is very handy for making lists. There are several
2623types:</p>
2624<ol>
2625<li style="list-style-type: none; list-style-image: none">This is
2626an "ordered list", using numbers.</li>
2627<li>The HTML marker to begin an <b>ordered</b> list is
2628<b>&lt;OL&gt;</b></li>
2629<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
2630<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
2631Item")</li>
2632<li>You <b><i>don't</i></b> have to put in the number</li>
2633<li>Not only that, you can't change it. Numbering is
2634automatic.</li>
2635</ol>
2636<ul>
2637<li style="list-style-type: none; list-style-image: none">This is
2638an "unordered list", using "bullets".</li>
2639<li>The HTML marker to begin an <b>UNordered</b> list is
2640<b>&lt;UL&gt;</b></li>
2641<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
2642<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
2643</ul>
2644<dl>
2645<dt>There is also a "Directory List", which is useful for defining
2646terms, and various other situations where you might want two levels
2647of indentation.</dt>
2648<dt>The HTML marker to begin a <b>Directory</b> list is
2649<b>&lt;DL&gt;</b></dt>
2650<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
2651<dt>There are <b>two</b> types of item codes:</dt>
2652<dd>
2653<ol>
2654<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
2655<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
2656</ol>
2657</dd>
2658<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
2659list;</dt>
2660<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
2661make a blank line, while</dd>
2662<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
2663have a very long line (like this one) that would wrap around, the
2664new line is lined up indented.</dd>
2665<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
2666the term,</dt>
2667<dd>but it's good for lots of other things.</dd>
2668<dt>Netscape's "Bookmark" list is an HTML file, formatted using
2669<b>&lt;DL&gt;</b>;</dt>
2670<dd>most of the "Hot List" pages on the Web started off being
2671bookmark files.</dd>
2672<dt>There is no automatic "bullet" with list items in a Directory
2673List, but</dt>
2674</dl>
2675<ul class="noindent">
2676<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
2677<i>after</i> &lt;dt&gt;</b>, like this
2678<dl>
2679<dd>
2680<ul class="noindent">
2681<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
2682<li>
2683<dl>
2684<dt>But ... <b><i>this</i></b> is what happens if you put
2685<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
2686</dl>
2687</li>
2688<li>
2689<dl>
2690<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
2691&lt;DD&gt;</b>, so be CAREFUL.</dd>
2692</dl>
2693All kinds of lists start and end with implicit Paragraph
2694marks.</li>
2695</ul>
2696</dd>
2697</dl>
2698</li>
2699</ul>
2700<p>All of the marks above are just text formatting commands -- the
2701sort of thing any wordprocessor does; but the real power of HTML,
2702and the Web generally, lies in <b>HyperText</b>, that is, the
2703ability to link one page to another so that it becomes a "hot
2704link". These are the blue, underlined text pieces that you click
2705on. They're called "anchors" in HTML, and they use the <b>&lt;A
2706...&gt; ... &lt;/A&gt;</b> marker.</p>
2707<p><a id="link.how" name="link.how"></a>A link like the following
2708one to my home page: <a href="http://www.umich.edu/~jlawler/">John
2709Lawler</a> looks like this in HTML:</p>
2710<dl>
2711<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
2712Lawler&lt;/A&gt;</b></dd>
2713</dl>
2714<ul>
2715<li style="list-style-type: none; list-style-image: none">This
2716consists of the following parts:</li>
2717<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
2718least one space or blank line</i></b>,</li>
2719<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
2720<b><i>with NO spaces</i></b>,</li>
2721<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
2722spaces</i></b>,</li>
2723<li>followed by the URL typed out, <b>surrounded with DOUBLE
2724quotes, <i>and NO spaces</i></b>,</li>
2725<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
2726<li>followed by whatever text you want to be blue and
2727underlined<br/>
2728 (i.e, the link name itself; this can be as long as you want and
2729can have spaces in it),</li>
2730<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
2731</ul>
2732<p>Any URL can be linked this way. Clicking on it will go to that
2733page, just as if you had typed it into Netscape, or "opened" it
2734from a menu.</p>
2735<hr></hr>
2736<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
2737 The URL of this page is:
2738<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
2739 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
2740<center>
2741<h1>Samples of HTML codes</h1>
2742</center>
2743<hr></hr>
2744<hr></hr>
2745<p>(Note: Multiple spaces and multiple lines in the source file are
2746ignored.)</p>
2747<p>Examples of various type sizes:</p>
2748<h1>This is &lt;H1&gt;</h1>
2749<h2>This is &lt;H2&gt;</h2>
2750<h3>This is &lt;H3&gt;</h3>
2751<h4>This is &lt;H4&gt;</h4>
2752<p>Now we're back to ordinary-size type. All type can be made
2753<i>italic</i>, <b>boldface</b>, or <b><i>boldface
2754italic</i></b>.</p>
2755<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
2756the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
2757<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
2758&lt;/i&gt; or &lt;/I&gt; ends it.</p>
2759<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
2760italic</b></i>; and close both (in either order)
2761&lt;/b&gt;&lt;/I&gt; to end it.</p>
2762<p>(This all assumes you know <b><i>why</i></b> you'd want to use
2763either one, of course;<br/>
2764 knowing how to use HTML is <b>not</b> a substitute for knowing how
2765to write.)</p>
2766<p>HTML is very handy for making lists. There are several
2767types:</p>
2768<ol>
2769<li style="list-style-type: none; list-style-image: none">This is
2770an "ordered list", using numbers.</li>
2771<li>The HTML marker to begin an <b>ordered</b> list is
2772<b>&lt;OL&gt;</b></li>
2773<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
2774<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
2775Item")</li>
2776<li>You <b><i>don't</i></b> have to put in the number</li>
2777<li>Not only that, you can't change it. Numbering is
2778automatic.</li>
2779</ol>
2780<ul>
2781<li style="list-style-type: none; list-style-image: none">This is
2782an "unordered list", using "bullets".</li>
2783<li>The HTML marker to begin an <b>UNordered</b> list is
2784<b>&lt;UL&gt;</b></li>
2785<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
2786<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
2787</ul>
2788<dl>
2789<dt>There is also a "Directory List", which is useful for defining
2790terms, and various other situations where you might want two levels
2791of indentation.</dt>
2792<dt>The HTML marker to begin a <b>Directory</b> list is
2793<b>&lt;DL&gt;</b></dt>
2794<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
2795<dt>There are <b>two</b> types of item codes:</dt>
2796<dd>
2797<ol>
2798<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
2799<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
2800</ol>
2801</dd>
2802<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
2803list;</dt>
2804<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
2805make a blank line, while</dd>
2806<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
2807have a very long line (like this one) that would wrap around, the
2808new line is lined up indented.</dd>
2809<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
2810the term,</dt>
2811<dd>but it's good for lots of other things.</dd>
2812<dt>Netscape's "Bookmark" list is an HTML file, formatted using
2813<b>&lt;DL&gt;</b>;</dt>
2814<dd>most of the "Hot List" pages on the Web started off being
2815bookmark files.</dd>
2816<dt>There is no automatic "bullet" with list items in a Directory
2817List, but</dt>
2818</dl>
2819<ul class="noindent">
2820<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
2821<i>after</i> &lt;dt&gt;</b>, like this
2822<dl>
2823<dd>
2824<ul class="noindent">
2825<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
2826<li>
2827<dl>
2828<dt>But ... <b><i>this</i></b> is what happens if you put
2829<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
2830</dl>
2831</li>
2832<li>
2833<dl>
2834<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
2835&lt;DD&gt;</b>, so be CAREFUL.</dd>
2836</dl>
2837All kinds of lists start and end with implicit Paragraph
2838marks.</li>
2839</ul>
2840</dd>
2841</dl>
2842</li>
2843</ul>
2844<p>All of the marks above are just text formatting commands -- the
2845sort of thing any wordprocessor does; but the real power of HTML,
2846and the Web generally, lies in <b>HyperText</b>, that is, the
2847ability to link one page to another so that it becomes a "hot
2848link". These are the blue, underlined text pieces that you click
2849on. They're called "anchors" in HTML, and they use the <b>&lt;A
2850...&gt; ... &lt;/A&gt;</b> marker.</p>
2851<p><a id="link.how" name="link.how"></a>A link like the following
2852one to my home page: <a href="http://www.umich.edu/~jlawler/">John
2853Lawler</a> looks like this in HTML:</p>
2854<dl>
2855<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
2856Lawler&lt;/A&gt;</b></dd>
2857</dl>
2858<ul>
2859<li style="list-style-type: none; list-style-image: none">This
2860consists of the following parts:</li>
2861<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
2862least one space or blank line</i></b>,</li>
2863<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
2864<b><i>with NO spaces</i></b>,</li>
2865<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
2866spaces</i></b>,</li>
2867<li>followed by the URL typed out, <b>surrounded with DOUBLE
2868quotes, <i>and NO spaces</i></b>,</li>
2869<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
2870<li>followed by whatever text you want to be blue and
2871underlined<br/>
2872 (i.e, the link name itself; this can be as long as you want and
2873can have spaces in it),</li>
2874<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
2875</ul>
2876<p>Any URL can be linked this way. Clicking on it will go to that
2877page, just as if you had typed it into Netscape, or "opened" it
2878from a menu.</p>
2879<hr></hr>
2880<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
2881 The URL of this page is:
2882<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
2883 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
2884<center>
2885<h1>Samples of HTML codes</h1>
2886</center>
2887<hr></hr>
2888<hr></hr>
2889<p>(Note: Multiple spaces and multiple lines in the source file are
2890ignored.)</p>
2891<p>Examples of various type sizes:</p>
2892<h1>This is &lt;H1&gt;</h1>
2893<h2>This is &lt;H2&gt;</h2>
2894<h3>This is &lt;H3&gt;</h3>
2895<h4>This is &lt;H4&gt;</h4>
2896<p>Now we're back to ordinary-size type. All type can be made
2897<i>italic</i>, <b>boldface</b>, or <b><i>boldface
2898italic</i></b>.</p>
2899<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
2900the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
2901<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
2902&lt;/i&gt; or &lt;/I&gt; ends it.</p>
2903<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
2904italic</b></i>; and close both (in either order)
2905&lt;/b&gt;&lt;/I&gt; to end it.</p>
2906<p>(This all assumes you know <b><i>why</i></b> you'd want to use
2907either one, of course;<br/>
2908 knowing how to use HTML is <b>not</b> a substitute for knowing how
2909to write.)</p>
2910<p>HTML is very handy for making lists. There are several
2911types:</p>
2912<ol>
2913<li style="list-style-type: none; list-style-image: none">This is
2914an "ordered list", using numbers.</li>
2915<li>The HTML marker to begin an <b>ordered</b> list is
2916<b>&lt;OL&gt;</b></li>
2917<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
2918<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
2919Item")</li>
2920<li>You <b><i>don't</i></b> have to put in the number</li>
2921<li>Not only that, you can't change it. Numbering is
2922automatic.</li>
2923</ol>
2924<ul>
2925<li style="list-style-type: none; list-style-image: none">This is
2926an "unordered list", using "bullets".</li>
2927<li>The HTML marker to begin an <b>UNordered</b> list is
2928<b>&lt;UL&gt;</b></li>
2929<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
2930<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
2931</ul>
2932<dl>
2933<dt>There is also a "Directory List", which is useful for defining
2934terms, and various other situations where you might want two levels
2935of indentation.</dt>
2936<dt>The HTML marker to begin a <b>Directory</b> list is
2937<b>&lt;DL&gt;</b></dt>
2938<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
2939<dt>There are <b>two</b> types of item codes:</dt>
2940<dd>
2941<ol>
2942<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
2943<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
2944</ol>
2945</dd>
2946<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
2947list;</dt>
2948<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
2949make a blank line, while</dd>
2950<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
2951have a very long line (like this one) that would wrap around, the
2952new line is lined up indented.</dd>
2953<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
2954the term,</dt>
2955<dd>but it's good for lots of other things.</dd>
2956<dt>Netscape's "Bookmark" list is an HTML file, formatted using
2957<b>&lt;DL&gt;</b>;</dt>
2958<dd>most of the "Hot List" pages on the Web started off being
2959bookmark files.</dd>
2960<dt>There is no automatic "bullet" with list items in a Directory
2961List, but</dt>
2962</dl>
2963<ul class="noindent">
2964<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
2965<i>after</i> &lt;dt&gt;</b>, like this
2966<dl>
2967<dd>
2968<ul class="noindent">
2969<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
2970<li>
2971<dl>
2972<dt>But ... <b><i>this</i></b> is what happens if you put
2973<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
2974</dl>
2975</li>
2976<li>
2977<dl>
2978<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
2979&lt;DD&gt;</b>, so be CAREFUL.</dd>
2980</dl>
2981All kinds of lists start and end with implicit Paragraph
2982marks.</li>
2983</ul>
2984</dd>
2985</dl>
2986</li>
2987</ul>
2988<p>All of the marks above are just text formatting commands -- the
2989sort of thing any wordprocessor does; but the real power of HTML,
2990and the Web generally, lies in <b>HyperText</b>, that is, the
2991ability to link one page to another so that it becomes a "hot
2992link". These are the blue, underlined text pieces that you click
2993on. They're called "anchors" in HTML, and they use the <b>&lt;A
2994...&gt; ... &lt;/A&gt;</b> marker.</p>
2995<p><a id="link.how" name="link.how"></a>A link like the following
2996one to my home page: <a href="http://www.umich.edu/~jlawler/">John
2997Lawler</a> looks like this in HTML:</p>
2998<dl>
2999<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
3000Lawler&lt;/A&gt;</b></dd>
3001</dl>
3002<ul>
3003<li style="list-style-type: none; list-style-image: none">This
3004consists of the following parts:</li>
3005<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
3006least one space or blank line</i></b>,</li>
3007<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
3008<b><i>with NO spaces</i></b>,</li>
3009<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
3010spaces</i></b>,</li>
3011<li>followed by the URL typed out, <b>surrounded with DOUBLE
3012quotes, <i>and NO spaces</i></b>,</li>
3013<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
3014<li>followed by whatever text you want to be blue and
3015underlined<br/>
3016 (i.e, the link name itself; this can be as long as you want and
3017can have spaces in it),</li>
3018<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
3019</ul>
3020<p>Any URL can be linked this way. Clicking on it will go to that
3021page, just as if you had typed it into Netscape, or "opened" it
3022from a menu.</p>
3023<hr></hr>
3024<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
3025 The URL of this page is:
3026<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
3027 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
3028<center>
3029<h1>Samples of HTML codes</h1>
3030</center>
3031<hr></hr>
3032<hr></hr>
3033<p>(Note: Multiple spaces and multiple lines in the source file are
3034ignored.)</p>
3035<p>Examples of various type sizes:</p>
3036<h1>This is &lt;H1&gt;</h1>
3037<h2>This is &lt;H2&gt;</h2>
3038<h3>This is &lt;H3&gt;</h3>
3039<h4>This is &lt;H4&gt;</h4>
3040<p>Now we're back to ordinary-size type. All type can be made
3041<i>italic</i>, <b>boldface</b>, or <b><i>boldface
3042italic</i></b>.</p>
3043<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
3044the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
3045<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
3046&lt;/i&gt; or &lt;/I&gt; ends it.</p>
3047<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
3048italic</b></i>; and close both (in either order)
3049&lt;/b&gt;&lt;/I&gt; to end it.</p>
3050<p>(This all assumes you know <b><i>why</i></b> you'd want to use
3051either one, of course;<br/>
3052 knowing how to use HTML is <b>not</b> a substitute for knowing how
3053to write.)</p>
3054<p>HTML is very handy for making lists. There are several
3055types:</p>
3056<ol>
3057<li style="list-style-type: none; list-style-image: none">This is
3058an "ordered list", using numbers.</li>
3059<li>The HTML marker to begin an <b>ordered</b> list is
3060<b>&lt;OL&gt;</b></li>
3061<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
3062<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
3063Item")</li>
3064<li>You <b><i>don't</i></b> have to put in the number</li>
3065<li>Not only that, you can't change it. Numbering is
3066automatic.</li>
3067</ol>
3068<ul>
3069<li style="list-style-type: none; list-style-image: none">This is
3070an "unordered list", using "bullets".</li>
3071<li>The HTML marker to begin an <b>UNordered</b> list is
3072<b>&lt;UL&gt;</b></li>
3073<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
3074<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
3075</ul>
3076<dl>
3077<dt>There is also a "Directory List", which is useful for defining
3078terms, and various other situations where you might want two levels
3079of indentation.</dt>
3080<dt>The HTML marker to begin a <b>Directory</b> list is
3081<b>&lt;DL&gt;</b></dt>
3082<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
3083<dt>There are <b>two</b> types of item codes:</dt>
3084<dd>
3085<ol>
3086<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
3087<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
3088</ol>
3089</dd>
3090<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
3091list;</dt>
3092<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
3093make a blank line, while</dd>
3094<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
3095have a very long line (like this one) that would wrap around, the
3096new line is lined up indented.</dd>
3097<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
3098the term,</dt>
3099<dd>but it's good for lots of other things.</dd>
3100<dt>Netscape's "Bookmark" list is an HTML file, formatted using
3101<b>&lt;DL&gt;</b>;</dt>
3102<dd>most of the "Hot List" pages on the Web started off being
3103bookmark files.</dd>
3104<dt>There is no automatic "bullet" with list items in a Directory
3105List, but</dt>
3106</dl>
3107<ul class="noindent">
3108<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
3109<i>after</i> &lt;dt&gt;</b>, like this
3110<dl>
3111<dd>
3112<ul class="noindent">
3113<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
3114<li>
3115<dl>
3116<dt>But ... <b><i>this</i></b> is what happens if you put
3117<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
3118</dl>
3119</li>
3120<li>
3121<dl>
3122<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
3123&lt;DD&gt;</b>, so be CAREFUL.</dd>
3124</dl>
3125All kinds of lists start and end with implicit Paragraph
3126marks.</li>
3127</ul>
3128</dd>
3129</dl>
3130</li>
3131</ul>
3132<p>All of the marks above are just text formatting commands -- the
3133sort of thing any wordprocessor does; but the real power of HTML,
3134and the Web generally, lies in <b>HyperText</b>, that is, the
3135ability to link one page to another so that it becomes a "hot
3136link". These are the blue, underlined text pieces that you click
3137on. They're called "anchors" in HTML, and they use the <b>&lt;A
3138...&gt; ... &lt;/A&gt;</b> marker.</p>
3139<p><a id="link.how" name="link.how"></a>A link like the following
3140one to my home page: <a href="http://www.umich.edu/~jlawler/">John
3141Lawler</a> looks like this in HTML:</p>
3142<dl>
3143<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
3144Lawler&lt;/A&gt;</b></dd>
3145</dl>
3146<ul>
3147<li style="list-style-type: none; list-style-image: none">This
3148consists of the following parts:</li>
3149<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
3150least one space or blank line</i></b>,</li>
3151<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
3152<b><i>with NO spaces</i></b>,</li>
3153<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
3154spaces</i></b>,</li>
3155<li>followed by the URL typed out, <b>surrounded with DOUBLE
3156quotes, <i>and NO spaces</i></b>,</li>
3157<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
3158<li>followed by whatever text you want to be blue and
3159underlined<br/>
3160 (i.e, the link name itself; this can be as long as you want and
3161can have spaces in it),</li>
3162<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
3163</ul>
3164<p>Any URL can be linked this way. Clicking on it will go to that
3165page, just as if you had typed it into Netscape, or "opened" it
3166from a menu.</p>
3167<hr></hr>
3168<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
3169 The URL of this page is:
3170<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
3171 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
3172<center>
3173<h1>Samples of HTML codes</h1>
3174</center>
3175<hr></hr>
3176<hr></hr>
3177<p>(Note: Multiple spaces and multiple lines in the source file are
3178ignored.)</p>
3179<p>Examples of various type sizes:</p>
3180<h1>This is &lt;H1&gt;</h1>
3181<h2>This is &lt;H2&gt;</h2>
3182<h3>This is &lt;H3&gt;</h3>
3183<h4>This is &lt;H4&gt;</h4>
3184<p>Now we're back to ordinary-size type. All type can be made
3185<i>italic</i>, <b>boldface</b>, or <b><i>boldface
3186italic</i></b>.</p>
3187<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
3188the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
3189<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
3190&lt;/i&gt; or &lt;/I&gt; ends it.</p>
3191<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
3192italic</b></i>; and close both (in either order)
3193&lt;/b&gt;&lt;/I&gt; to end it.</p>
3194<p>(This all assumes you know <b><i>why</i></b> you'd want to use
3195either one, of course;<br/>
3196 knowing how to use HTML is <b>not</b> a substitute for knowing how
3197to write.)</p>
3198<p>HTML is very handy for making lists. There are several
3199types:</p>
3200<ol>
3201<li style="list-style-type: none; list-style-image: none">This is
3202an "ordered list", using numbers.</li>
3203<li>The HTML marker to begin an <b>ordered</b> list is
3204<b>&lt;OL&gt;</b></li>
3205<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
3206<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
3207Item")</li>
3208<li>You <b><i>don't</i></b> have to put in the number</li>
3209<li>Not only that, you can't change it. Numbering is
3210automatic.</li>
3211</ol>
3212<ul>
3213<li style="list-style-type: none; list-style-image: none">This is
3214an "unordered list", using "bullets".</li>
3215<li>The HTML marker to begin an <b>UNordered</b> list is
3216<b>&lt;UL&gt;</b></li>
3217<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
3218<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
3219</ul>
3220<dl>
3221<dt>There is also a "Directory List", which is useful for defining
3222terms, and various other situations where you might want two levels
3223of indentation.</dt>
3224<dt>The HTML marker to begin a <b>Directory</b> list is
3225<b>&lt;DL&gt;</b></dt>
3226<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
3227<dt>There are <b>two</b> types of item codes:</dt>
3228<dd>
3229<ol>
3230<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
3231<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
3232</ol>
3233</dd>
3234<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
3235list;</dt>
3236<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
3237make a blank line, while</dd>
3238<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
3239have a very long line (like this one) that would wrap around, the
3240new line is lined up indented.</dd>
3241<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
3242the term,</dt>
3243<dd>but it's good for lots of other things.</dd>
3244<dt>Netscape's "Bookmark" list is an HTML file, formatted using
3245<b>&lt;DL&gt;</b>;</dt>
3246<dd>most of the "Hot List" pages on the Web started off being
3247bookmark files.</dd>
3248<dt>There is no automatic "bullet" with list items in a Directory
3249List, but</dt>
3250</dl>
3251<ul class="noindent">
3252<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
3253<i>after</i> &lt;dt&gt;</b>, like this
3254<dl>
3255<dd>
3256<ul class="noindent">
3257<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
3258<li>
3259<dl>
3260<dt>But ... <b><i>this</i></b> is what happens if you put
3261<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
3262</dl>
3263</li>
3264<li>
3265<dl>
3266<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
3267&lt;DD&gt;</b>, so be CAREFUL.</dd>
3268</dl>
3269All kinds of lists start and end with implicit Paragraph
3270marks.</li>
3271</ul>
3272</dd>
3273</dl>
3274</li>
3275</ul>
3276<p>All of the marks above are just text formatting commands -- the
3277sort of thing any wordprocessor does; but the real power of HTML,
3278and the Web generally, lies in <b>HyperText</b>, that is, the
3279ability to link one page to another so that it becomes a "hot
3280link". These are the blue, underlined text pieces that you click
3281on. They're called "anchors" in HTML, and they use the <b>&lt;A
3282...&gt; ... &lt;/A&gt;</b> marker.</p>
3283<p><a id="link.how" name="link.how"></a>A link like the following
3284one to my home page: <a href="http://www.umich.edu/~jlawler/">John
3285Lawler</a> looks like this in HTML:</p>
3286<dl>
3287<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
3288Lawler&lt;/A&gt;</b></dd>
3289</dl>
3290<ul>
3291<li style="list-style-type: none; list-style-image: none">This
3292consists of the following parts:</li>
3293<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
3294least one space or blank line</i></b>,</li>
3295<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
3296<b><i>with NO spaces</i></b>,</li>
3297<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
3298spaces</i></b>,</li>
3299<li>followed by the URL typed out, <b>surrounded with DOUBLE
3300quotes, <i>and NO spaces</i></b>,</li>
3301<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
3302<li>followed by whatever text you want to be blue and
3303underlined<br/>
3304 (i.e, the link name itself; this can be as long as you want and
3305can have spaces in it),</li>
3306<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
3307</ul>
3308<p>Any URL can be linked this way. Clicking on it will go to that
3309page, just as if you had typed it into Netscape, or "opened" it
3310from a menu.</p>
3311<hr></hr>
3312<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
3313 The URL of this page is:
3314<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
3315 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
3316<center>
3317<h1>Samples of HTML codes</h1>
3318</center>
3319<hr></hr>
3320<hr></hr>
3321<p>(Note: Multiple spaces and multiple lines in the source file are
3322ignored.)</p>
3323<p>Examples of various type sizes:</p>
3324<h1>This is &lt;H1&gt;</h1>
3325<h2>This is &lt;H2&gt;</h2>
3326<h3>This is &lt;H3&gt;</h3>
3327<h4>This is &lt;H4&gt;</h4>
3328<p>Now we're back to ordinary-size type. All type can be made
3329<i>italic</i>, <b>boldface</b>, or <b><i>boldface
3330italic</i></b>.</p>
3331<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
3332the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
3333<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
3334&lt;/i&gt; or &lt;/I&gt; ends it.</p>
3335<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
3336italic</b></i>; and close both (in either order)
3337&lt;/b&gt;&lt;/I&gt; to end it.</p>
3338<p>(This all assumes you know <b><i>why</i></b> you'd want to use
3339either one, of course;<br/>
3340 knowing how to use HTML is <b>not</b> a substitute for knowing how
3341to write.)</p>
3342<p>HTML is very handy for making lists. There are several
3343types:</p>
3344<ol>
3345<li style="list-style-type: none; list-style-image: none">This is
3346an "ordered list", using numbers.</li>
3347<li>The HTML marker to begin an <b>ordered</b> list is
3348<b>&lt;OL&gt;</b></li>
3349<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
3350<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
3351Item")</li>
3352<li>You <b><i>don't</i></b> have to put in the number</li>
3353<li>Not only that, you can't change it. Numbering is
3354automatic.</li>
3355</ol>
3356<ul>
3357<li style="list-style-type: none; list-style-image: none">This is
3358an "unordered list", using "bullets".</li>
3359<li>The HTML marker to begin an <b>UNordered</b> list is
3360<b>&lt;UL&gt;</b></li>
3361<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
3362<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
3363</ul>
3364<dl>
3365<dt>There is also a "Directory List", which is useful for defining
3366terms, and various other situations where you might want two levels
3367of indentation.</dt>
3368<dt>The HTML marker to begin a <b>Directory</b> list is
3369<b>&lt;DL&gt;</b></dt>
3370<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
3371<dt>There are <b>two</b> types of item codes:</dt>
3372<dd>
3373<ol>
3374<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
3375<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
3376</ol>
3377</dd>
3378<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
3379list;</dt>
3380<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
3381make a blank line, while</dd>
3382<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
3383have a very long line (like this one) that would wrap around, the
3384new line is lined up indented.</dd>
3385<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
3386the term,</dt>
3387<dd>but it's good for lots of other things.</dd>
3388<dt>Netscape's "Bookmark" list is an HTML file, formatted using
3389<b>&lt;DL&gt;</b>;</dt>
3390<dd>most of the "Hot List" pages on the Web started off being
3391bookmark files.</dd>
3392<dt>There is no automatic "bullet" with list items in a Directory
3393List, but</dt>
3394</dl>
3395<ul class="noindent">
3396<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
3397<i>after</i> &lt;dt&gt;</b>, like this
3398<dl>
3399<dd>
3400<ul class="noindent">
3401<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
3402<li>
3403<dl>
3404<dt>But ... <b><i>this</i></b> is what happens if you put
3405<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
3406</dl>
3407</li>
3408<li>
3409<dl>
3410<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
3411&lt;DD&gt;</b>, so be CAREFUL.</dd>
3412</dl>
3413All kinds of lists start and end with implicit Paragraph
3414marks.</li>
3415</ul>
3416</dd>
3417</dl>
3418</li>
3419</ul>
3420<p>All of the marks above are just text formatting commands -- the
3421sort of thing any wordprocessor does; but the real power of HTML,
3422and the Web generally, lies in <b>HyperText</b>, that is, the
3423ability to link one page to another so that it becomes a "hot
3424link". These are the blue, underlined text pieces that you click
3425on. They're called "anchors" in HTML, and they use the <b>&lt;A
3426...&gt; ... &lt;/A&gt;</b> marker.</p>
3427<p><a id="link.how" name="link.how"></a>A link like the following
3428one to my home page: <a href="http://www.umich.edu/~jlawler/">John
3429Lawler</a> looks like this in HTML:</p>
3430<dl>
3431<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
3432Lawler&lt;/A&gt;</b></dd>
3433</dl>
3434<ul>
3435<li style="list-style-type: none; list-style-image: none">This
3436consists of the following parts:</li>
3437<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
3438least one space or blank line</i></b>,</li>
3439<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
3440<b><i>with NO spaces</i></b>,</li>
3441<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
3442spaces</i></b>,</li>
3443<li>followed by the URL typed out, <b>surrounded with DOUBLE
3444quotes, <i>and NO spaces</i></b>,</li>
3445<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
3446<li>followed by whatever text you want to be blue and
3447underlined<br/>
3448 (i.e, the link name itself; this can be as long as you want and
3449can have spaces in it),</li>
3450<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
3451</ul>
3452<p>Any URL can be linked this way. Clicking on it will go to that
3453page, just as if you had typed it into Netscape, or "opened" it
3454from a menu.</p>
3455<hr></hr>
3456<p><a href="wow">Back to the Linguistics 114 home page</a><br/>
3457 The URL of this page is:
3458<b>http://www.umich.edu/~jlawler/html.sample.html</b><br/>
3459 <i>Last change 2/19/01 <a href="http://www.umich.edu/~jlawler/">John Lawler</a></i></p>
3460<center>
3461<h1>Samples of HTML codes</h1>
3462</center>
3463<hr></hr>
3464<hr></hr>
3465<p>(Note: Multiple spaces and multiple lines in the source file are
3466ignored.)</p>
3467<p>Examples of various type sizes:</p>
3468<h1>This is &lt;H1&gt;</h1>
3469<h2>This is &lt;H2&gt;</h2>
3470<h3>This is &lt;H3&gt;</h3>
3471<h4>This is &lt;H4&gt;</h4>
3472<p>Now we're back to ordinary-size type. All type can be made
3473<i>italic</i>, <b>boldface</b>, or <b><i>boldface
3474italic</i></b>.</p>
3475<p>The marker &lt;b&gt; or &lt;B&gt; starts <b>boldface</b>, and
3476the marker &lt;/b&gt; or &lt;/B&gt; ends it.</p>
3477<p>The marker &lt;i&gt; or &lt;I&gt; starts <i>italic</i>, and
3478&lt;/i&gt; or &lt;/I&gt; ends it.</p>
3479<p>Use both together: &lt;i&gt;&lt;b&gt; to do <i><b>bold
3480italic</b></i>; and close both (in either order)
3481&lt;/b&gt;&lt;/I&gt; to end it.</p>
3482<p>(This all assumes you know <b><i>why</i></b> you'd want to use
3483either one, of course;<br/>
3484 knowing how to use HTML is <b>not</b> a substitute for knowing how
3485to write.)</p>
3486<p>HTML is very handy for making lists. There are several
3487types:</p>
3488<ol>
3489<li style="list-style-type: none; list-style-image: none">This is
3490an "ordered list", using numbers.</li>
3491<li>The HTML marker to begin an <b>ordered</b> list is
3492<b>&lt;OL&gt;</b></li>
3493<li>Unsurprisingly, the marker to end it is <b>&lt;/ol&gt;</b></li>
3494<li>Each numbered item starts with <b>&lt;li&gt;</b> (for "List
3495Item")</li>
3496<li>You <b><i>don't</i></b> have to put in the number</li>
3497<li>Not only that, you can't change it. Numbering is
3498automatic.</li>
3499</ol>
3500<ul>
3501<li style="list-style-type: none; list-style-image: none">This is
3502an "unordered list", using "bullets".</li>
3503<li>The HTML marker to begin an <b>UNordered</b> list is
3504<b>&lt;UL&gt;</b></li>
3505<li>The marker to end it is <b>&lt;/ul&gt;</b></li>
3506<li>Each "bullet point" also starts with <b>&lt;li&gt;</b></li>
3507</ul>
3508<dl>
3509<dt>There is also a "Directory List", which is useful for defining
3510terms, and various other situations where you might want two levels
3511of indentation.</dt>
3512<dt>The HTML marker to begin a <b>Directory</b> list is
3513<b>&lt;DL&gt;</b></dt>
3514<dd>... and it ends with <b>&lt;/dl&gt;</b></dd>
3515<dt>There are <b>two</b> types of item codes:</dt>
3516<dd>
3517<ol>
3518<li><b>&lt;DT&gt;</b>, which stands for "Directory Term"</li>
3519<li><b>&lt;DD&gt;</b>, which stands for "Directory Definition"</li>
3520</ol>
3521</dd>
3522<dt>Note that a Directory list doesn't <i><b>look</b></i> like a
3523list;</dt>
3524<dd><b>&lt;DT&gt;</b> skips a line, but doesn't indent, and doesn't
3525make a blank line, while</dd>
3526<dd><b>&lt;DD&gt;</b> skips a line and indents; if you happen to
3527have a very long line (like this one) that would wrap around, the
3528new line is lined up indented.</dd>
3529<dt>The <b>&lt;DD&gt;</b> mark was intended to be a "definition" of
3530the term,</dt>
3531<dd>but it's good for lots of other things.</dd>
3532<dt>Netscape's "Bookmark" list is an HTML file, formatted using
3533<b>&lt;DL&gt;</b>;</dt>
3534<dd>most of the "Hot List" pages on the Web started off being
3535bookmark files.</dd>
3536<dt>There is no automatic "bullet" with list items in a Directory
3537List, but</dt>
3538</dl>
3539<ul class="noindent">
3540<li>if you want a bullet to appear, you can use <b>&lt;li&gt;
3541<i>after</i> &lt;dt&gt;</b>, like this
3542<dl>
3543<dd>
3544<ul class="noindent">
3545<li>or <b><i>after</i></b> <b>&lt;dd&gt;</b>, like this</li>
3546<li>
3547<dl>
3548<dt>But ... <b><i>this</i></b> is what happens if you put
3549<b>&lt;LI&gt; <i>before</i> &lt;DT&gt;</b></dt>
3550</dl>
3551</li>
3552<li>
3553<dl>
3554<dd>and this is what happens with <b>&lt;LI&gt; <i>before</i>
3555&lt;DD&gt;</b>, so be CAREFUL.</dd>
3556</dl>
3557All kinds of lists start and end with implicit Paragraph
3558marks.</li>
3559</ul>
3560</dd>
3561</dl>
3562</li>
3563</ul>
3564<p>All of the marks above are just text formatting commands -- the
3565sort of thing any wordprocessor does; but the real power of HTML,
3566and the Web generally, lies in <b>HyperText</b>, that is, the
3567ability to link one page to another so that it becomes a "hot
3568link". These are the blue, underlined text pieces that you click
3569on. They're called "anchors" in HTML, and they use the <b>&lt;A
3570...&gt; ... &lt;/A&gt;</b> marker.</p>
3571<p><a id="link.how" name="link.how"></a>A link like the following
3572one to my home page: <a href="http://www.umich.edu/~jlawler/">John
3573Lawler</a> looks like this in HTML:</p>
3574<dl>
3575<dd><b>&lt;A href="http://www.umich.edu/~jlawler/"&gt;John
3576Lawler&lt;/A&gt;</b></dd>
3577</dl>
3578<ul>
3579<li style="list-style-type: none; list-style-image: none">This
3580consists of the following parts:</li>
3581<li>It begins with the mark "<b>&lt;A</b>", <b><i>followed by at
3582least one space or blank line</i></b>,</li>
3583<li>followed by "<b>href</b>" (for "Hypertext REFerence"),
3584<b><i>with NO spaces</i></b>,</li>
3585<li>followed by "<b>=</b>" (the "equal sign"), <b><i>with NO
3586spaces</i></b>,</li>
3587<li>followed by the URL typed out, <b>surrounded with DOUBLE
3588quotes, <i>and NO spaces</i></b>,</li>
3589<li>and terminated with "&gt;", <b><i>and NO spaces</i></b>,</li>
3590<li>followed by whatever text you want to be blue and
3591underlined<br/>
3592 (i.e, the link name itself; this can be as long as you want and
3593can have spaces in it),</li>
3594<li>and ending with the mark <b>&lt;/A&gt;</b>.</li>
3595</ul>
3596<p>Any URL can be linked this way. Clicking on it will go to that
3597page, just as if you had typed it into Netscape, or "opened" it
3598from a menu.</p>
3599<hr></hr>
3600<p> </p>
3601</body>
3602</html>
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy