|
At A Glance:
-Intro to the Internet
-The Hypertext Markup Language
-Designing a Web Page
-Lists and Links
-Adding Graphics
-Multimedia on the Web
-Tables for Data and Design
-Frames
-Forms and Scripting
-Creating Good HTML |
|
Summary
- Use example sites to find new and creative ways to effectively
use formatting styles in your Web page.
- The heading tag is used to resize text from level 1, the largest,
to level 6, the smallest.
- Use the ALIGN attribute to change the alignment of text within
a heading tag.
- The style of the text uses physical or logical style tags.
- Text that needs to remain exactly as it is formatted can be
enclosed in the <PRE> tag to maintain all formatting.
- When quoting large blocks of work, use the <BLOCKQUOTE>
tag to set it apart from the rest of the text.
- Separate lines and paragraphs with the <BR>, <P>,
and <HR> tags.
- The <CENTER> tag centers any object on a Web page.
- Using the <FONT> tag, you can change the size, color,
and face of the font.
- You can specify a default font size using the <BASEFONT>
tag.
- Special characters are displayed with the use of escape codes.
Escape codes start with an ampersand (&) and end with a semicolon
(;).
Common Terms
| ALIGN | Logical Styles |
| COLOR | Physical Styles |
| escape character | SIZE |
| FACE | |
Tags Introduced
| <B> | <KBD> |
| <BASEFONT> | <PRE>
|
| <BLOCKQUOTE> | <S>
|
| <CITE> | <SAMP>
|
| <CENTER> | <STRONG>
|
| <CODE> | <SUB> |
| <EM> | <SUP> |
| <FONT> | <TT> |
| <H#> | <U> |
| <I> | |
Questions and Exercises
- Design a page, using headings, that describes you as a person.
Have the largest heading be more general and the smallest heading
be specific. Add some explanation under each heading. For example,
a young man in high school might have the headings: Male, Young
Man, Student, Guitar Player, Friend, Caring Person. Also, try
to incorporate the ALIGN attribute into your heading tags. This
is only an exercise in using the different headings and is not
intended to show you an effective way of building a Web page.
Do not use this as a basis for your Web page design.
- Compose the following sentence in HTML using special character codes:
Répète après moi,
<< Être n'est pas Être,
c'est la question pour François.>>
- Compose the following formula in HTML using special character codes:
s = vot + ½at2
- Using the <FONT> tag, find an appropriate color and
font to go with the following excerpts from poems, literature,
letters, and manuals.
- In conclusion, it seized first the corpse of the daughter,
and thrust it up the chimney, as it was found; then that of the
old lady, which, it immediately hurled through the window headlong.
-The Murders in the Rue Morgue
- Surely goodness and mercy shall follow me all the days of
my life: and I will dwell in the house of the Lord for ever.
-Psalm 23
- Remove the connectors that connect the power supply to the
system board. Lift each straight up until it catches, then tilt
the connector away from the power supply and lift straight up
again. -Parts replacement guide
- If thou didst ever hold me in thy heart,
Absent thee from felicity awhile,
And in this harsh world draw thy breath in pain,
To tell my story… -Hamlet
- If a dog marries a very small fish, what will their baby be?
Answer: A guppy puppy Clifford's Riddles, children's book
- Return to the page you created using the heading tags. Change
the page so that it uses the <FONT> tag instead of the heading
tags. See how you might change the effect by using the size,
color, and text attributes. Also, try to use bold, italics, underlines,
and the <CENTER> tag.
|
