HTML Formatting Test 1

(Use HTML Tags to format the following.)

(Save as an TextEdit and HTML Document.)

(Turn it in in Engrade.)

(Directions are in parentheses)

1. (Format/change the background color)

2. (Format Largest Headers)

Your Name

3. (Format Smallest Headers)

Date

4. (Format 3 paragraphs)

(Format the font size, color and type)

This paragraph

contains a lot of spaces

in the source code,

but the browser

ignores it.

This paragraph

contains a lot of lines

in the source code,

but the browser

ignores it.

The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.

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/

8. (Format Direction)

Change the Direction of this text

(Tag List)

<html>

<body>

<h1></h1>

<p></p>

<h6></h6>

</body>

</html>

<b></b>

<i></i>

<a href="URL">Name</a>

<small></small>

<br/>

<strong></strong>

<big></big>

<em></em>

<bdo></bdo>

style="background-color:yellow;"

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

Resources

HTML Styles

Style HTML elements

Style background color

Style font, color, and size

Style alignment of text