The address for this web page is: http://fishcaro.crosswinds.net/day_6_paragraphs_headings.htm

On to the next lesson! Back to the COURSE SYLLABUS

6. PARAGRAPHS AND HEADINGS

Notice that it's SNOWING! This is another script that is available from http://www.dynamicdrive.com/

INDEX CARD #6:

PARAGRAPHS and more (6a)

What's the difference between "presentation" and "structure"? Suppose you want to emphasize a particular word in a sentence. You could put it in italics, or make it bold, or put it in quotes, or put it in a different font, etc. You know you want emphasis: this is the STRUCTURE you're after. There are many ways to achieve this: that is, there are many different PRESENTATIONS that can achieve the desired structure.
Many HTML purists like to keep STRUCTURE separate from PRESENTATION: let the tags indicate the desired STRUCTURE; let the browser, user's preferences, and style sheets (later on in this course!) determine the PRESENTATION. (This is a BIG difference between designing for the web, and designing for a printed page!)
What's the "paragraph" tag? Use the following container tags for paragraphs:

<P> put paragraph here </P> STRUCTURE: A paragraph is a distinct division of a written work that expresses a complete thought.
USUAL PRESENTATION: line-break before and after; usually some additional space above and below
If you want a line-break without space before and after, use the BREAK tag <BR> instead.

HEADINGS and more (6b)

How can I label the various sections in my HTML document? Use the HEADING container tags: <H1> This is a level 1 (top-level) heading. </H1> <H2> This is a level 2 heading. </H2> ... all the way down to ... <H6> This is a level 6 (lowest priority) heading. </H6>

USUAL PRESENTATION: Headings are displayed in bold text with line breaks and extra space above and below, like this:

This is a level 1 (top-level) heading.

This is a level 2 heading.

This is a level 6 (lowest priority) heading.

Printable version of Index Card 6a

Printable version of Index Card 6b

WORKSHEET #6:

(W6.1) Continue with the tutorial located at: http://www.cwru.edu/help/introHTML/toc.html (link is no longer valid) Please read Chapter 3 (BASIC TEXT STRUCTURES) and take the quiz at the end of Chapter 3. There is an interactive part to the quiz this time; make sure you don't miss it!

ASSIGNMENT #6:

(A6.1) Read pages 102–104 (up to "Text Appearance--Inline Styles"); page 511 (Deprecated Tags); and pages 112–114 (from "Working with HTML text" up to "Inline Type Styles") in the Weasel Book. Be sure that you can answer all the following questions:
- (A6.2) What is a "deprecated tag"?
- (A6.3) What is the danger in using a deprecated tag?
- (A6.4) When each tag is discussed in the Weasel book (see, for example, page 103) there's a list that looks something like this: NN: 2,3,4 - MSIE: 2,3,4,5 - HTML 4 - WebTV - Opera3 What do the entries in this list mean? What does it mean when an item is "grayed out"?
(A6.5) Begin to think about the structure of your homepage. Use the HEADING tags (H1 through H6) to form a Table of Contents. (This may change completely as you develop your page, but that's okay. You have to start someplace!)