![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||
|
CHAPTER TWO: Formatting in HTML |
|||||||||||||||||||||||||||||||||||||||||||||||||
01) BASIC HTML SKELETON REVIEW
This is the basic structure of every Web page. All Web
pages start with this skeleton (which you may have saved as a skeleton.html or
skeleton.htm file) and build from here.
<HTML>
<P> is the paragraph tag. </P> exists to turn it off, but really isn't necessary, since <P> 'tags' the start of a new one. <P> not only starts a new paragraph, it also inserts an extra blank line in the text.
<HTML>
Click here to see what that page would look like.
Occasionally, you wish to start a new line, but don't want it as a
paragraph (because the extra added blank line that comes with the paragraph
<P> tag isn't needed). A line break is useful for this. <BR> is the tag for a line break.
It does NOT need to be turned off.
What is a horizontal line? It's a line that looks as though it's been
etched into a Web page. A horizontal line can be useful to separate sections in a Web page.
In it's simplest form, the tag is <HR>, standing for Horizontal Rule. There is NO tag
needed to turn it off. In it's more complex form, it can be enhanced in many ways; allowing
changes to the line's size, width, alignment, or shading.
Directly below is an example of a simple <HR>.
Listed below are some extensions to the <HR> tag that will enhance horizontal lines, if
needed.
A combination of the above tags can be used within ONE tag. For
example, to set the width to 90% of the screen, with a thickness 3 times
the normal, and to center it, the tag would be:
<HR WIDTH=90% SIZE=3 ALIGN=CENTER>
The above horizontal rule would look like this:
Another example of a horizontal rule that's set to 300 pixels wide, with a thickness 7 times the
normal, and aligned on the left is:
<HR WIDTH=300 SIZE=7 ALIGN=LEFT>
This horizontal rule would look like this:
It is possible to add some pizazz to a Web page. Text can be
boldfaced, italicized, underlined,
<B>This boldfaces text.</B>
Different formats can also be combined. Make sure to turn these
off in the opposite order they were turned on!
The above tag would look like this:
Within the body, headings can be added. Headings come in six different
sizes, <H1> through <H6>, with <H1> being the largest and <H6> being the
smallest. Headings act as mini-titles within a Web page. Headings are
great when used to separate different sections within a Web page. REMINDER:
A header (<H1>) must also be turned off at the end of what is being enlarged
(</H1>). For example, to enlarge text, use this:
<H1>This is the largest size of header available.</H1>
to get this:
HTML TUTORIAL
|
|||||||||||||||||||||||||||||||||||||||||||||||||