Using a Table to Structure the seal.html Web Page
Directions:
- Make a copy of seal.html and name it sealStructure.html
- Look at the finished example on the back of your handout to see an example
- Code the revisions (below) to seal.html
- Add the following attributes and values to the body tag: bgcolor=lavender, text=black, link=purple, and vlink=black.
- Create a table inside the body section. The table will begin right
after the <body> tag.
Set a table width="580". A 14" monitor
displays approximately 580 pixels. This is a safe width for a page
as almost every monitor can display 580 pixels.
Close the table right
before the </body> tag. You need to have the following tags (in
the order below) at the end of your code:
</td> </tr> </table> </body> </html>
- Header: Put the logo and page heading in a cell that spans across two columns in the first row. Use a <hr> tag to create the line that spans across the page. Set the background color of the header section to lavender.
- Navibar: Copy the link to Sequoia High School and paste it in the first cell in the second row. It should look like:
<a href="http://www.sequoiahs.org">Sequoia High School</a>. Set the background color of the navibar section to white.
- Main: Put the Sequoia Seal text into the second cell in the second row. This is the main section. Set the background color of this section to lavendar.
- Insert appropriate Comment Tags for the Header, Navibar and Main sections of the web page, e.g. <!--Header Section-->.
- Remember to use structured code for your table. (It is OK not to use structured code where you paste the seal.html code.)
Back to the Week 7 Schedule