HTML DO IT #1

 

1.   Create a folder called DOIT in your Web Design folder. Save this file in that folder as wiz.html and code the following in TextWrangler.
Create a website using the basic structure tags.

2.   The title should read: Webpage Coding Review by Your Name

3.   The top of the page should include a level 2 heading that reads: Wizard of Oz

4.   The first paragraph should be as follows (bold and emphasize as you see):

In this film, Dorothy and her dog Toto are caught in a tornado's path and somehow end up in the land of Oz. Here she meets some memorable friends and foes in her journey to meet the Wizard of Oz who everyone says can help her return home and possibly grant her new friends their goals of a brain, heart and courage. Here are some interesting words used in the film:

5.   After the first paragraph, have an unordered list with square bullets as follows:

• cataclysmic ‐ to inundate, flood, deluge
• careworn ‐ showing the effect of grief or anxiety
• caliginous ‐ black, misty, dark

Coding should look like this in order to change the shape of the bullet:

<ul style="list-style-type: square;">

  <li>Your text goes here</li>

</ul>

<ul style="list-style-type: circle;">

  <li>Your text goes here</li>

  <li>Your text goes here</li>

  <li>Your text goes here</li>

</ul>

6.   Add another paragraph as follows:

Some things were removed from the final film. One interesting removal was that the Tin Man actually was made into a bee hive by the Wicked Witch as threatened by her when on the cottage roof.

7.   Place a horizontal line between the square list and the final paragraph.

8.   Add the following quote/paragraph at the bottom of the page. However, make it so the paragraph is indented from the left and right side to set it apart. And, make it in italics.

“Close your eyes and tap your heels together three times. And think to yourself, there's no place like home.”

9.   Add “enters” or "paragraphs" between the vocabulary word and the definition (after the dash) on the bulleted list so the definition is on a separate line.

10.        At the bottom of the page, place a level 4 heading that is your name. Put a horizontal line above and below your name.

11.        Save and test to make sure everything works. Print your HTML source code, web page and html validation (3 print-outs) with the source code print-out on top.
Then, call the teacher over for a screen check—have the file open in the browser (Internet Explorer or Firefox).