Scribd
Upload
42 views1 page

Table-Pt 1

An HTML table is defined with <table> tags and contains rows (<tr>), headers (<th>), and cells (<td>). Each <tr> holds <th> and <td> within <table>. CSS can style tables by adding borders with border, collapsing borders into one with border-collapse, and setting cell padding with padding.

Uploaded by

Na Omi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
42 views1 page

Table-Pt 1

An HTML table is defined with <table> tags and contains rows (<tr>), headers (<th>), and cells (<td>). Each <tr> holds <th> and <td> within <table>. CSS can style tables by adding borders with border, collapsing borders into one with border-collapse, and setting cell padding with padding.

Uploaded by

Na Omi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

Defining an HTML Table

 An HTML table is defined with the <table> tag.


 Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By default, table
headings are bold and centered. A table data/cell is defined with the <td> tag.
Example:
<html> Basic HTML Table
<head> Firstname Lastname Age
<title></title> Jill Smith 50
</head>

<body>
<h2>Basic HTML Table</h2>

<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
</table>

</body>
</html>

HTML Table - Adding a Border


 If you do not specify a border for the table, it will be displayed without borders.
 A border is set using the CSS border property:
Example:
table, th, td {
border: 1px solid black;
}

HTML Table - Collapsed Borders


 If you want the borders to collapse into one border, add the CSS border-collapse property:
Example:
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}

HTML Table - Adding Cell Padding


 Cell padding specifies the space between the cell content and its borders.
 If you do not specify a padding, the table cells will be displayed without padding.
 To set the padding, use the CSS padding property:

Example:
th, td {
padding: 15px;
}

You might also like