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

Understand basic CSS
Incorporate CSS into a web page
Link a web page to a style sheet
Create CSS "classes" that can be re-used throughout a web site

File7a.html Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Week 7 - File7a</TITLE>
<META name="discription" content="week7 HTML assignment">
<META name="keywords" content="HTML,Week7,assignemnt">
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
<style type="text/css">
body {
color:green;
}
h1{
color:green;
}
dd{
font-family: serif;
font-style: italic;
color: blue;
}
em{
font-family:arial;
font-style: italic;
color: navy;
}
p{
color: blue;
}
</style>
</HEAD>
<BODY>
<h1>Week 7 of Introduction to HTML 4.01</h1>
<table frame="vsides" rules="cols" border="1" cellpadding="5" cellspacing="1" summary="Week 7 - Lists & Character Entities" width="700" bgcolor="e7e7c8">
<tr>
<td>
<img src="intro_to_html_2009_week7a.jpg" align="bottom" height="75" width="700" alt="Week 7 header">
</td>
</tr>

<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> hat 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 <em>ratio of any circle's circumference to its diameter</em> and is approximately equal to 3.14159.
</p>

<tr>
<td>
<img src="intro_to_html_2009_week7b.jpg" align="bottom" height="75" width="700" alt="Week 7 footer">
</td>
</tr>
</table>
<p><a href="http://www.warrenswork.com/classes/intro_to_html_2009/week7.html">Warrenswork.com Week7</a></p>
</BODY>
</HTML>

Document Checked

URL: http://www.warrenswork.com/classes/intro_to_html_2009/file7a.html
Last modified: Mon, 23 Feb 2009 05:17:41 GMT
Character encoding: ISO-8859-5
Level of HTML: HTML 4.01 Transitional

Congratulations, no errors!

Week 7 of Introduction to HTML 4.01

| File 7a | File 7b | File 7c |

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?: hat 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 7a | File 7b | File 7c |

Warrenswork.com Week7

File7b.html Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Week 7 - File7b</TITLE>
<META name="discription" content="week7 HTML assignment">
<META name="keywords" content="HTML,Week7,assignemnt">
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
<style type="text/css">
body {
color:olive;
}
h1{
color: maroon;
}
dd{
font-family: sans-serif;
font-style: italic;
color: teal;
}
em{
font-family:arial;
font-style: italic;
color: navy;
}
p{
color: blue;
}
</style>
</HEAD>
<BODY>
<h1>Week 7 of Introduction to HTML 4.01</h1>
<table frame="vsides" rules="cols" border="1" cellpadding="5" cellspacing="1" summary="Week 7 - Lists & Character Entities" width="700" bgcolor="e7e7c8">
<tr>
<td>
<img src="intro_to_html_2009_week7a.jpg" align="bottom" height="75" width="700" alt="Week 7 header">
</td>
</tr>

<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> hat 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 style="color:red;">
Pi or π is a mathematical constant whose value is the <em>ratio of any circle's circumference to its diameter</em> and is approximately equal to 3.14159.
</p>

Document Checked

URL: http://www.warrenswork.com/classes/intro_to_html_2009/file7b.html
Last modified: Mon, 23 Feb 2009 05:41:31 GMT
Character encoding: ISO-8859-5
Level of HTML: HTML 4.01 Transitional

Congratulations, no errors!

Week 7 of Introduction to HTML 4.01

| File 7a | File 7b | File 7c |

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?: hat 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 7a | File 7b | File 7c |

Warrenswork.com Week7

File7c.html Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Week 7 - File7c</TITLE>
<link type="text/css" rel="stylesheet" href="file7c.css">
<META name="discription" content="week7 HTML assignment">
<META name="keywords" content="HTML,Week7,assignemnt">
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
</HEAD>
<BODY>
<h1>Week 7 of Introduction to HTML 4.01</h1>
<table frame="box" rules="cols" border="1" cellpadding="5" cellspacing="1" summary="Week 7 - Lists & Character Entities" width="700">
<tr>
<td>
<img src="intro_to_html_2009_week7a.jpg" height="75" width="700" alt="Week 7 header">
</td>
</tr>

</td>
</tr>

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

Document Checked

URL: http://www.warrenswork.com/classes/intro_to_html_2009/file7c.html
Last modified: Mon, 23 Feb 2009 14:56:59 GMT
Character encoding: ISO-8859-5
Level of HTML: HTML 4.01 Strict

Congratulations, no errors!

Week 7 of Introduction to HTML 4.01

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?: hat 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.

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.

Warrenswork.com Week7

File7d.css Code:

body {
color:olive;
}
h1{
color: green;
}
dd{
font-family: sans-serif;
font-style: italic;
color: teal;
}
em{
font-family:arial;
font-style: italic;
color: white;
}
p{
color: blue;
}
table{
bgcolor: e7e7c8;
}
img{
align: bottom;
}

This site is being used to display work created for the online Introduction to HTML class from eClasses.org: Introduction to HTML - H101.80 (Jan 5, 2009) Instructor - Frani Ciesielski

5 free Domains with Select Hosting Plans. Get yours!

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

Document Checked

Week 7 of Introduction to HTML 4.01

Character Entity π Example

File7b.html Code:

Document Checked

Week 7 of Introduction to HTML 4.01

Character Entity π Example

Document Checked

Week 7 of Introduction to HTML 4.01

Character Entity π Example

File7d.css Code:

This site is being used to display work created for the online Introduction to HTML class from eClasses.org: Introduction to HTML - H101.80 (Jan 5, 2009) Instructor - Frani Ciesielski

Links