CS006: Introduction to the World Wide Web



Tables, lists, and ... youtube!

In this lab, we will update the webpage you made in the previous lab to include more complex elements.

1) Add two different types of lists to your webpage. Here are some examples:

<ol>
   <li> item 1</li>
   <li> item 2</li>
</ol>

It should look like this:
  1. item 1
  2. item 2

use <ul> instead of ol for bullets and it will look like:
  • item 1
  • item 2
Definition Lists:  used for a list of terms and their definitions.

<dl>
   <dt>word1 here</dt>
      <dd> definition for word1 here </dd>
   <dt> word2 here </dt>
      <dd> definition for word 2 here </dd>
</dl>

It will look like:
word1 here
definition for word1 here
word2 here
definition for word 2 here


2) You should include a table that has at least 3 rows and 3 columns, and either a colspan or rowspan. Checkout http://www.w3schools.com/html/html_tables.asp and http://www.htmlcodetutorial.com/tables/index_famsupp_30.html for a reminder on how to do this.

3) You also need to include some code that other people have written in your webpage. It's not super important to understand how it works, we just want to make it work. First, we'll add a youtube video. Find a video that you enjoy, then follow these instructions: http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3480061/How-To-Add-a-YouTube-Video-to-Your-Web-Site.htm

Once you've completed these tasks, show your page to the TA for credit.