<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<h2>A basic HTML table</h2>
<table style="width:100%">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table>
<p>To understand the example better, we have added borders to the table.</p>
</body>
</html><table><caption>Phone numbers</caption>
<thead>
<tr>
<th>Name</th>
<th colspan="2">Phone</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>577854</td>
<td>577855</td>
</tr>
<tr>
<td>Jack</td>
<td>577856</td>
<td>577857</td>
</tr>
</tbody>
<tfoot>
<tr>
<td> </td>
<td>Personal</td>
<td>Office</td>
</tr>
</tfoot>
</table><table>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>HTML
<table border="1">
<tr>
<td>Rangée 1 Cellule 1</td>
<td>Rangée 1 Cellule 2</td>
</tr>
<tr>
<td>Rangée 2 Cellule 1</td>
<td>Rangée 2 Cellule 2</td>
</tr>
</table><!DOCTYPE html>
<html lang="en">
<head>
<title>Example of HTML caption Tag</title>
</head>
<body>
<table dir="rtl" border="1" cellpadding="17"width="400" height="100" >
<caption>User Details</caption>
<thead>
<tr>
<th>1.</th>
<th>2</th>
<th>3</th>
</tr>
</thead>
<tbody>
<tr>
<td>10</td>
<td>20</td>
<td>30</td>
</tr>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>1000</td>
<td>2000</td>
<td>3000000000</td>
</tr>
</tbody>
</table>
</body>
</html>