HTML COURSE • LESSON 17
HTML Tables
HTML tables organize information into rows and columns.
Table Elements
<table>creates the table.<tr>creates a table row.<th>creates a heading cell.<td>creates a data cell.
Basic Table
<table>
<tr>
<th>Student</th>
<th>Subject</th>
</tr>
<tr>
<td>Navitha</td>
<td>HTML</td>
</tr>
</table>Add Borders with CSS
Table CSS
<style>
table,
th,
td {
border:
1px solid black;
border-collapse:
collapse;
}
th,
td {
padding:
10px;
}
</style>Table Caption
Table Caption
<table>
<caption>
Student Results
</caption>
<tr>
<th>Name</th>
<th>Marks</th>
</tr>
</table>