HTML Table Tutorial

How to create tables with cells that span more than one column

The code below shows you how to create a table with data cells that span more than one column. row

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Web Development Tutorials.com</title>
</head>
<body>

<table border="1">
<tr>
<td colspan="3">This data cell spans more than one column</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>

</body>
</html>

The code above creates the table below.

This data cell spans more than one column
2 3 4

How to create tables with cells that span more than one row

The code below shows you how to make a table with data cells that span more than one row.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Web Development Tutorials.com</title>
</head>
<body>

<table border="1">
<tr>
<td rowspan="2">This data cell spans more than one row>/td>
<td>number 1</td>
</tr>
<tr>
<td>number 2>/td>
</tr>
</table>

</body>
</html>

The code above creates the table below.

Telephone: number 1
number 2

Use the text editor below to practice what you have learned.

Host Unlimited Domains on 1 Account