Context Navigation

Back to Ticket #8393

Ticket #8393: html for ie7 scroll issue.txt

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

Download in other formats:

Original Format