Demo 1: Handcoding Practice

Using BBEdit, please use the notes from last Wednesday and today to do the following:

1. Create a new document in BBEdit. Save the document as demo1.html.
2. Using your notes for guidance, create a basic HTML document.
3. Give the page the title of "Demo 1: Handcoding Practice".
4. Create a Heading 1, that says "My First Hand-coded HTML Page".
5. Make that heading have the color attribute of #669933.
6. Make the background color #FCFECF.
7. Make the text in the document black, or #000000. (hint: black is the default color for text)
8. Make the visited links #660066.
9. Make the active links #FF9933.
10. Make the links #0080C0.
11. Insert a line break to separate these two sentences: "We actually have a full evening of class tonight. How amazing is that?"
12. Insert <p> tags to separate these two sentences, with the align attribute of center both paragraphs: "I want to go to Hawaii. I really, really want to go to Hawaii..." Make the second sentence bold. Make the second really italic and underlined too.
13. Insert a horizontal rule has the align attribute of center and the color attribute of black, 75% of the browser window wide.
14. Create an unordered list listing out your three favorite movies.
15. Create a table 200 pixels wide, cellpadding of "5", cellspacing of "0", and border of "1". Give it four rows and two columns. Left to right, put the numbers 1-8, like so:
    
    

    1	2
    3	4
    5	6
    7	8

    
    
16. Make another table just like it (you can copy and paste within BBEdit if you wish). But this time, adjust it so that cells 1 and 2 are merged (using colspan="2"). Retype the text in this cell, so it says "1 and 2".
17. Now merge 4, 6, and 8, (using rowspan="3"). Retype the text within this cell, so it says "4, 6, and 8".
18. Go to your index.html page and add a link to demo 1 on there.
19. Put a link to your questionnaire.html page on here.
20. When you are finished put your entire folder back into the "Turn in Work" folder within the Class Folders.