Saving Files

SAVING
FILES...
Depending on what text editor you use to write your
HTML, you need to save your file not to corrupt the
HTML you have written.

the best way to avoid this problem is to save your HTML

document using the SAVE AS... feature of your text
editor.
 SAVING
BeFILES...
sure to save it as a Text Document.

It is also important to save your files in a well-

organized directory structure.

All HTML files must have .html or .html file

extension.
 SAVING
FILES...
the first page of a site is either called index.html or
default.html

File names are case sensitive. Contact.html is different

from contact.html.

If you were to change your file names, be sure to

change your links as well.
 SAVING
ItFILES...
is also important to develop file-naming conventions
to make it easy for you to find your particular files.

To view your created web page, just double-click the

saved HTML document.
Basic Text Structures
HEADINGS

heading structures are most commonly used to set apart

document or section titles. Remember that HEADING
structures have nothing to do with the HEAD section

HTML has six levels of headings, numbered 1 through 6,

with 1 being the largest.
HEADINGS

browsers will display the six heading levels in the

same front, with the point size decreasing as the
importance of the heading decreases.
 the six lines, when placed into an HTML
document, will simply display the six levels
of headings.
because of headings are meant for section titles, they are
defined to exist on a line by themselves.

heading always begins at the margin of a line break at the

end of the heading.

you cannot have two heading levels on the same line.

PARAGRAPHS

Unlike documents in most word processors, carriage returns in

HTML files aren`t significant.

any amount of whitespace--- including spaces, linefeeds, and

carriage returns--- are automatically compressed into a single
space when your HTML document is displayed in a browser.
PARAGRAPHS

word wrapping can occur at any point source file without

affecting how the page will be displayed.

<P> Welcome to the world of HTML. This is the first

paragraph. While short it is still a paragraph!</P>
PARAGRAPHS

word wrapping can occur at any point source file without

affecting how the page will be displayed.

<P> Welcome to the world of HTML. This is the first

paragraph. While short it is still a paragraph!</P>
 In the source file there is a
line break between the
sentences. A Web browsers
ignores this line break and
starts a new paragraph only
when it encounters another
<P> tag.
LINE BREAK

WHAT IF YOU NEED TO END A LINE AFTER A CERTAIN WORD BUT

DON`T WANT TO START A NEW PARAGRAPH?

what you need is a line break, which is invoked by using the <BR> tag. This
force a line break wherever you place it in the content. Whatever is after the
<BR> tag will start from the left margin of the next line on the screen.
maybe you have noticed that there is no </BR> tag. the line break tag is really an empty
tag.
BLOCKQUOTE

Blockquote are long pieces of text which are quoted materials and
therefore, need to be set apart and indented.

Blockquotes are set up as follows:

<blockquote>...text...</blockquote>
LISTS

HTML supports bulleted, numbered, and definition lists. You can nest
lists too, but use this feature sparingly because too many nested items
can get difficult to follow. A nested list is a list within a list.

UNORDERED LISTS
An ordered list is a list of items preceded by a bullet. It is also called
bulleted list.
ORDERED LISTS

an ordered list uses an automatically generated sequence of item

markers. Unlike unordered list, the items are numbered.

<OL>
<LI> atis </LI>
<LI> guava </LI>
<LI> banana </LI>
</OL>
DEFINITION LISTS

As you might expect, definition lists begin and end with the
tags <DL> and </DL>.

unlike ordered and unordered lists, definition lists are not

based on list items. They are instead based on term-
definition pairs.
 Just remember ,
<DT> stands for
"Definition-list Term"
and <DD> stands for
"Definition-list
Definition"
T h a n k
you !