7F. HTML Tables

HTML Tables

• Create a new webpage.
• Replace the text.
• Copy and paste the code into Dreamweaver.

TABLE 1

Tables

Create a table with 2 rows and 3 columns

Include the following information inside the table.

• Insert images from different locations
  • Insert your avatar from your Blog or Picasa
  • Insert Internet Image Directions
    • Make image full size
    • Right click on the image
    • Copy Image Location
    • Change the RED in the code
    • <img src="image location" alt="Image name" width="100" height="100" />
• HTML headings
  • Write your name as a smaller heading.
  • Save the page as tables.html in your folder.
  • Add 3 different size headers, the date, class name and school.

Table borders

Add a border to your table.

Table cells that span more than one row/column

Table 2

Headings in a table

Add a heading to your table.

Table with no border

Make the table with no borders

Include an Image for each of the webpages you created

Table with a caption

Add a caption called Website Links

TABLE 3

• Add a table in your project with a header row and 2 columns and 2 rows.
• Add a different color to each cell.

Empty cells

Table cells that span more than one row/column

Tags inside a table

Cell padding

Cell spacing

Add a background color or a background image to a table

Add a background color or a background image to a table cell

Align the content in a table cell

HTML Tables