Scribd
Upload
46 views2 pages

Table-Pt 1

An HTML table is defined with <table> tags and contains rows (<tr>), headers (<th>), and cells (<td>). Tables can be styled by adding CSS properties like border, border-collapse, and padding to control borders and spacing. For example, the code sample adds a 1px black border around each cell and collapses the borders into a single border.

Uploaded by

Carlos Erive
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
46 views2 pages

Table-Pt 1

An HTML table is defined with <table> tags and contains rows (<tr>), headers (<th>), and cells (<td>). Tables can be styled by adding CSS properties like border, border-collapse, and padding to control borders and spacing. For example, the code sample adds a 1px black border around each cell and collapses the borders into a single border.

Uploaded by

Carlos Erive
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/ 2

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