Notebook 1


Next   Table of Contents

This is my virtual notebook for Web Page design.

Notes:
• Basic template:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> must always be included
<head> holds special info about the page which cannot be seen,like META and javascript info and HTML comments. Also holds the title tags.
<title> </title> Appears on top of the browser and is what people see if they put the page in there favorites (text cannot be formatted)
</head>
<body> Everything in the body is displayed on the web page

</body>
</html> always at the end of the page


• Don't mix cases in tags
• Place each main tag on a line of its own
• Surround all values of attributes with quotation marks

Tag Reference


• <b> </b> bolds
• <u> </u> underlines
• <i> </i> italicizes
• <p> </p> starts a paragraph

This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like.


        * adding align="left" creates a straight left margin

This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like.


        * adding align="right" creates a straight right margin

This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like.


        * adding align="center" centers the paragraph

This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like.


        * adding align="justify" creates a straight right and left margin

This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like. This is what it looks like.


• <em> </em> emphasizes
• <strong> </strong> strong emphasis
• <hr> makes a line
        ex.


        * adding width="some number%" lets you choose the length of the line
           ex.


        * adding size="somenumber" thickens the line
           ex.


        * align="left, right or center " can also be added to choose where the line goes
        * <hr noshade> makes the line look solid, it is not put in quotation marks
           ex


• <blockquote> </blockquote> indents text, used in quotes. The example is a quote from Web Design for BeginnersLesson 2 Part 1
ex.
blockquote will set apart the text between the tags by indenting it slightly. It is used stylistically, much like you see in articles and research papers when another author or reference is quoted. The appearance is like an "indented" paragraph. It does NOT require the use of the opening and closing <p> <p> tag set along with it.

• <center> </center> centers the text
ex.

This text is centered. This text is centered. This text is centered.

• The <pre></pre> tag will
make the text look 
the way it looked in the original document

• <big></big> makes the text look bigger than the other text
• <small></small> makes text look smaller than the other text
• <strike></strike> puts a line through the text
• <sub></sub> puts the text lower than the rest of the text
• <sup></sup> puts the text higher than the rest of the text
• <address></address>
italicizes the text
used to write information about the author

Explore Virtual University


Next   Table of Contents

Back to the Top
Hosted by www.Geocities.ws

1