HTML and CSS Reference
In-Depth Information
3. Find the Error. Why doesn't the table information display in the order it was coded?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>CircleSoft Web Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>CircleSoft Web Design</h1>
<table>
<caption>Contact Information</caption>
<tr>
<th>Name</th>
<th>Phone</th>
</tr>
<tr>
<tr>Mike Circle</td>
<td>920-555-5555</td>
</tr>
</table>
</body>
</html>
Hands-On Exercises
1. Write the XHTML for a two-column table that contains the names of your friends
and their birthdays. The first row of the table should span two columns and con-
tain the following heading: Birthday List. Include at least two people in your table.
2. Write the XHTML for a three-column table to describe the courses you are taking
this semester. The columns should contain the course number, course name, and
instructor name. The first row of the table should use th tags and contain descrip-
tive headings for the columns. Use the table row grouping tags <thead> and
<tbody> in your table.
3. Write the XHTML for table with three rows, two columns and no border. The cell
in the first column of each row will contain one of the following terms: HTML,
XML, and XHTML. The corresponding cell in the second column of each row will
contain a definition of the term. Configure alternating rows to use the background
color #CCCCCC .
4. Use CSS to configure a table that has a border around both the entire table and the
table cells. Write the XHTML to create a table with three rows and two columns.
The cell in the first column of each row will contain one of the following terms:
HTML, XML, and XHTML. The corresponding cell in the second column of each
row will contain a definition of the term.
5. Think of one of your favorite quotes by someone you admire. Write the XHTML
code for a table to display the person's name in a table heading, their quote in a
paragraph, and an absolute link to a Web site about them.
 
Search WWH ::




Custom Search