HTML Tables

HTML tables are used to display data in rows and columns. A table is created using the <table> tag.

<tr> → Table Row
<th> → Table Header (bold and centered by default)
<td> → Table Data (regular cell content)

Basic Table Example

<!DOCTYPE html>
<html>
<body>

<h2>Student Scores</h2>

<table border="1">
<tr>
<th>Name</th>
<th>Subject</th>
<th>Score</th>
</tr>
<tr>
<td>John</td>
<td>Math</td>
<td>95</td>
</tr>
<tr>
<td>Jane</td>
<td>Science</td>
<td>88</td>
</tr>
</table>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

<h2>Student Scores</h2>

<tr>

<th>Subject</th>

<th>Score</th>

</tr>

<tr>

</tr>

<tr>

<td>Science</td>

</tr>

</table>

</body>

</html>

Output Preview

Name	Subject	Score
John	Math	95
Jane	Science	88

Additional Table Attributes

Attribute	Purpose
`border`	Adds border to table
`cellpadding`	Space between cell content and cell border
`cellspacing`	Space between cells
`width`	Sets table width
`align`	Aligns table (left, center, right)

Tables help organize data clearly and are useful for reports, schedules, and lists on web pages.

CodeCapsule

Sanjit Sinha — Web Developer | PHP • Laravel • CodeIgniter • MySQL • Bootstrap Founder, CodeCapsule — Student projects & practical coding guides. Email: info@codecapsule.in • Website: CodeCapsule.in

HTML Tables

HTML Tables

Basic Table Example

Output Preview

Additional Table Attributes

You may also like...

Leave a Reply Cancel reply

HTML Tables

HTML Tables

Basic Table Example

Output Preview

Additional Table Attributes

You may also like...

HTML Lists

HTML and JavaScript

HTML Audio

Leave a Reply Cancel reply