xxxxxxxxxx
<table>
<tr>
<!-- Table Head -->
<th>Id</th>
<th>Name</th>
</tr>
<tr>
<!-- First Row -->
<td>1</td>
<td>Ahmed</td>
</tr>
<tr>
<!-- Second Row -->
<td>2</td>
<td>Ryad</td>
</tr>
</table>
xxxxxxxxxx
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<th></th>
<th>Month</th>
<th>Rent</th>
<th colspan="2">Utilities</th><!-- This cell will span 2 columns in the row below it -->
<th>Groceries</th>
<th>Eating Out</th>
<th>Entertainment</th>
</tr>
<tr>
<td rowspan="3">Fall</td><!-- this cell will span 3 rows, June, July, & August -->
<td>June</td>
<td>$1500</td>
<td>$100</td><!-- The $100 and $50 cells will be under the Utilities cell-->
<td>$50</td>
<td>$350</td>
<td>$100</td>
<td>$50</td>
</tr>
<tr>
<td>July</td>
<td>$1500</td>
<td>$100</td>
<td>$50</td>
<td>$350</td>
<td>$100</td>
<td>$50</td>
</tr>
<tr>
<td>August</td>
<td>$1500</td>
<td>$100</td>
<td>$50</td>
<td>$350</td>
<td>$100</td>
<td>$50</td>
</tr>
</table>
simple html table
xxxxxxxxxx
<table>
<!--table row-->
<tr>
<!--the header of the table-->
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
<!--table row-->
<tr>
<!--the content of the table-->
<td>John</td>
<td>Smith</td>
<td>30</td>
</tr>
</table>
xxxxxxxxxx
<table>
<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>
xxxxxxxxxx
<!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>
xxxxxxxxxx
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>
xxxxxxxxxx
<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>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h2>HTML Table</h2>
<table>
<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>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
</table>
</body>
</html>
xxxxxxxxxx
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr>
<td>Data 4</td>
<td>Data 5</td>
<td>Data 6</td>
</tr>
</table>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>HTML Table Example</title>
</head>
<body>
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr>
<td>Data 4</td>
<td>Data 5</td>
<td>Data 6</td>
</tr>
</table>
</body>
</html>