<html> Topic 4

Tips and Trouble

 

Nesting:

With html you need to develop a "nesting" instinct. When you have several tags, the first tag you open is the last tag to close. If you are specifying a font face and an italic, for example, you would have <font-face="Arial, Helvetica"><em>whatever text you type</em></font> and not <font-face="Arial, Helvetica"<em>text you type</font></em>. This applies to all the tags.

There is also a sort of "nesting" in page design that html 4 encourages and that is important for audible screen readers or other computers that sort pages logically. That is, use <h1> for the most significant heading, <h2> for the next subdivision category of headings, <h3> for divisions within <h2>, etc. This depends on a logical ordering of your content. It means not just using <h1> or <h4> to achieve a relative size for visual layout.

<body>:

If you want a color for the page background, for text and for display of links, you add this to the original <body> tag. Go to a JavaScript for selecting colors for page and text by Scott Yanoff and Willem Jonkman at
http://javascript.internet.com/miscellaneous/color-cube.html to select colors and see how to write the tag.

<font face=>

As you may have read in the book you are using for a text, you can select the type of font for each heading or paragraph by adding a <font face. . .> tag. However, be sure that if you use a sans-serif type such as Arial, that you also mention Helvetica. This is because Mac and PC machines only have one or the other. The issue will become more important when we get to Cascading Style Sheets. For more information about selecting fonts see the following:

For a basic introduction to fonts:
http://www.zdnet.com/devhead/stories/articles/0,4413,2140835,00.html

Relative size of fonts:
http://www.zdnet.com/devhead/static/css_chart/chart.html

Regarding type size:
http://hotwired.lycos.com/webmonkey/99/41/index3a_page4.html

Using "Em" to define size:
http://webreview.com/wr/pub/98/06/26/webfonts/index.html

 

Print Version

Instructor: dwang@think-ink.net

Copyright by Diane Wang, 1999, 2000. All rights reserved.

Valid HTML 4.0!