Model: Table, Lists and Background Image

Purpose: Students will build and submit a webpage that includes Tables, Lists and a Background Image.

View the Model Web Page that you will rebuild: Model Web Page.
Here is the CODE for this webpage.

Step#1: Create a folder and name it, "Model_TableListsBkgrndImage."

Step#2: Create a web page and name it, "Model_TableListsBkgrndImage.html" - Place it in the folder.

Step#3: Save this image 'FleurDeLis.png' to your folder.

Step#4: Now copy the code provided to you above to the web page you created...Good Luck!

Additional Changes  - Write the answers to the 4 questions below    on the Gradesheet

Congratulations, once your website looks like the Model Web Page shown above, you have succeeded. Now, I want to teach you a few commands that will help you succeed on your next project:   "Review: Table, Lists and Background Image."

A. Look at a line of code that has a <th> ..... </th>.  I want you  to change the "th" to "td". Then Save and Refresh. What change did you observe? Write it down and tell me when I step up to grade this project.

B. Now,  look at a line of code that has a <td> ..... </td>. I want you to change the "td" to "th". Then Save and Refresh. What change did you observe? Write it down and tell me when I step up to grade this project.

C. Find the line of code that says: 
<strong>A simple table:</strong>
<p align="left"> 
Change "left" to "center".  Then Save and Refresh. What change did you observe? Write it down and tell me when I step up to grade this project.

 D.  Type the following lines of code near the   "A Simple List" section of code. You will notice that I am mixing Lists and Tables

<table border="1" style="width:25%">
<tr>
<td>Letters
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
</td>
</tr>
</table>
 

Then Save and Refresh. What change did you observe. Write it down and tell me when I step up to grade this project.