Web Page Design Midterm

Directions: Use the Correct HTML Tags to format the Web page. You may use Web Resources. Turn it in Engrade.com.

(Use HTML Tags to format the following.)

(Start a new SublimeText Document)

(Save as midterm.html)

(Turn it in in Engrade when completed.)

(Directions are in parentheses)

1. (Format/change the background color)

<body bgcolor="yellow"> Color Names

2. (Format Largest Headers)

Your Full Name

3. (Format Smallest Headers)

Today’s Day and Date

4. (Format 3 paragraphs)

(Format the font size, color and type)

<p style="font-family:verdana;font-

size:20px;color:green">

When a browser opens an HTML file, the browser will look for HTML codes in the text and use them to change the layout, insert images, or create links to other pages.

Basically an HTML document is a plain text file that contains text and nothing else. Since HTML documents are just text files they can be written in even the simplest text editor.

A more popular choice is to use a special HTML editor - maybe even one that puts focus on the visual result rather than the codes - a so-called WYSIWYG editor ("What You See Is What You Get").

5. (Format This is a poem)

My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.

6. (Format on different lines)

This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

7. (Format as hyperlinks)

Question of the Day http://viereckquestion.blogspot.com/
ROAR http://jaquarsroar.blogspot.com/
Your Blog

8. (Format Direction)

Change the Direction of this text

(Tag List) Use all the tags below

<html>

<body>

<p></p>

<b></b>

<i></i>

<br/>

style="background-color:yellow;"

style="font-family:arial;color:red;font-size:20px;"

</body>

</html>

RUBRIC

	4points	Save as a TextEdit and HTML Document.
	4points	Format/change the background color
	2points	Format Largest Headers
	2points	Format Smallest Headers
	4points	Format 3 paragraphs
	8points	Format the font size, color and type
	4points	Format This is a poem
	4points	Format on different lines
	4points	Format as hyperlinks
	4points	Format Direction