Introduction to HTML - H101.80 (Jan 5, 2009)

Understanding and being able to insert lists into the document
Learning how to use character entities

File6a.html Code:

<dl>
<dt> 1. How do links make a web site different than a book or magazine? </dt>
<dd> Hypertext, remote content can be accessed without embedding the content. </dd>
<dt> 2. Why is a well organized navigation system a necessary component of a Web site?</dt>
<dd> Ease of use. </dd>
<dt> 3. How can visual metaphors used for navigation get you in trouble? </dt>
<dd> Visual metaphors can be used incorrectly and cause many problems because they are interpreted incorrectly. </dd>
<dt> 4.Why does text flow beside the bottom edge of an image if an alignment isn't specified? </dt>
<dd> That is the default.</dd>
<dt> 5.Why is white space important? </dt>
<dd> White space reduces the clutter and makes it easier for the user to navigate the web site.</dd>
<dt> 6.What is the difference in using <em> or <strong> rather than <i> or <b> ? </dt>
<dd> <i>and <b> are typographic and are only used for font appearance where as <em> <strong> are idiomatic and are used for page readers for audio expression.</dd>
<dt> 7.Why would you want to choose a special character set? </dt>
<dd> For many things including different languages. </dd>
<dt> 8.Character entities were frequently used for mathematical operators,as discussed in the text. What relatively new option from the W3C do authors now have for producing even more complex representations? (The answer is on the W3C site).
</dt>
<dd>The Math Working Group published the fourth draft of MathML version 3.<dd>
</dl>
<h5>Character Entity π Example</h5>
<p>
Pi or π is a mathematical constant whose value is the ratio of any circle's circumference to its diameter and is approximately equal to 3.14159.
</p>

</table>
<p><a href="http://www.warrenswork.com/classes/intro_to_html_2009/week6.html">Warrenswork.com Week6</a></p>
</BODY>
</HTML>

Document Checked

URL: http://warrenswork.com/classes/intro_to_html_2009/file6a.html
Last modified: Tue, 17 Feb 2009 06:17:36 GMT
Character encoding: ISO-8859-5
Level of HTML: HTML 4.01 Transitional

Congratulations, no errors!

Week 6 of Introduction to HTML 4.01

| File 6a | File 6b | File 6c |

1. How do links make a web site different than a book or magazine?: Hypertext, remote content can be accessed without embedding the content.
2. Why is a well organized navigation system a necessary component of a Web site?: Ease of use.
3. How can visual metaphors used for navigation get you in trouble?: Visual metaphors can be used incorrectly and cause many problems because they are interpreted incorrectly.
4.Why does text flow beside the bottom edge of an image if an alignment isn't specified?: That is the default.
5.Why is white space important?: White space reduces the clutter and makes it easier for the user to navigate the web site.
6.What is the difference in using <em> or <strong> rather than <i> or <b> ?: <i>and <b> are typographic and are only used for font appearance where as <em> <strong> are idiomatic and are used for page readers for audio expression.
7.Why would you want to choose a special character set?: For many things including different languages.
8.Character entities were frequently used for mathematical operators,as discussed in the text. What relatively new option from the W3C do authors now have for producing even more complex representations? (The answer is on the W3C site).: The Math Working Group published the fourth draft of MathML version 3.

Character Entity π Example

Pi or π is a mathematical constant whose value is the ratio of any circle's circumference to its diameter and is approximately equal to 3.14159. | File 6a | File 6b | File 6c |

Warrenswork.com Week6

File6b.html Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Week 6 - File6a</TITLE>
<META name="discription" content="week6 HTML assignment">
<META name="keywords" content="HTML,Week6,assignemnt">
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
</HEAD>
<BODY>
<H3><font color="green">Week 6 of Introduction to HTML 4.01</font></H3>
<table frame="vsides" rules="cols" border="1" cellpadding="5" cellspacing="1" summary="Week 6 - Lists & Character Entities" width="700" bgcolor="e7e7c8">
<tr>
<td>
<img src="intro_to_html_2009_week6a.gif" align="bottom" height="75" width="700" alt="Week 6 header">
</td>
</tr>

<tr>
<td>
<a href="http://www.warrenswork.com/classes/into_to_html_2009/file6a.html">| File 6a</a>
<a href="http://www.warrenswork.com/classes/into_to_html_2009/file6b.html">| File 6b</a>
<a href="http://www.warrenswork.com/classes/into_to_html_2009/file6c.html">| File 6c |</a>
<table>
<tr>
<td>
<ol type="I">
<li>Transport 1</li>
<li>Transport 2</li>
<li>Transport 3</li>
<li>Transport 4</li>
<li>Transport 5</li>
<li>Transport 6</li>
<li>Transport 7</li>
<li>Transport 8</li>
</ol>
</td>

<td>
<ul type="square">
<li>Car</li>
<li>Boat</li>
<li>Plane</li>
<li>Snowmobile</li>
<li>Jet Ski</li>
<li>Bicycle</li>
<li>Skateboard</li>
<li>Hovercraft</li>
</ul>
</td>
</tr>
</table>