Div and Span

Tools

HTML to PDF translator: Prince 8.0 download or online converter.

A sample page with various frame settings.

Copy hello.html from LAB9 to a new LAB10 directory.
Change the following line in the script element of the new hello.html page:
s e t T i m e o u t ( i n i t , 3 0 0 0 ) ;
to
t i m e r = s e t I n t e r v a l ( i n i t , 1 0 0 0 0 ) ;
Save the file, open in a browser, and respond to popup requests for a name.

In your LAB10 directory, download and extract lounge.zip.
Use the HTML <div> element to create a elixirs section of the lounge.html page.
Use CSS to style that section (as directed by the text).
Use CSS and the HTML <span> element to style the play list (as directed).
Style the footer of the lounge.html.
Float the elixers div (see page 465).
Use the validator, http://jigsaw.w3.org/css-validator, to check that your pages meets W3C standards.
Edit the index.html file in your LABS directory to have a link to your revised lounge.html page.

Wrap each of your blog entries in a div element.
Give each of these elements a unique id attribute value. (You could use the characters blog followed by four digits specifying the month and day of the blog entry.)
Create a table of contents for your blog. Make a list with a list item for each blog post. Each list item should be a link to the beginning of the post. (Remember how to use the # character together with the value of an id attribute at the end of a path to accomplish this.) The label of each link should be the heading of the corresponding blog post.
Make sure there is a link from your About Me page to your blog page.
Make sure you can get to your About Me page and to your blog page on your web site by following the Student Web Pages link on the class syllabus page.

Always turn off your computer and screen before leaving the room.