HTML5: How to define a row in a table?

Last update on February 14 2024 12:55:23 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html><!-- Define document type as HTML -->
<html><!-- Begin HTML document -->
<head><!-- Start of document header -->
<meta charset="utf-8"><!-- Define character encoding -->
<title>How to define a row in a table</title><!-- Title of the HTML page -->
<style>th {color: red} /* Inline CSS style to color table headers red */
</style><!-- End of inline CSS -->
</head><!-- End of document header -->
<body><!-- Start of document body -->
<table border="1"><!-- Start of table with border attribute set to 1 -->
<tr><!-- Start of table row -->
<th>Type</th><!-- Table header cell for 'Type' -->
<th>Description</th><!-- Table header cell for 'Description' -->
</tr><!-- End of table row -->
<tr><!-- Start of another table row -->
<td>PHP</td><!-- Table data cell with PHP content -->
<td>Server side scripting</td><!-- Table data cell with server-side scripting description -->
</tr><!-- End of table row -->
<tr><!-- Start of another table row -->
<td>JavaScript</td><!-- Table data cell with JavaScript content -->
<td>Client side scripting</td><!-- Table data cell with client-side scripting description -->
</tr><!-- End of table row -->
</table><!-- End of table -->
</body><!-- End of document body -->
</html><!-- End of HTML document -->

Explanation:

The HTML code defines a table with two columns: "Type" and "Description".
Each row (<tr>) in the table represents a row of data.
Table header cells (<th>) are used for column headers, and table data cells (<td>) are used for data.
The <style> tag is used to apply inline CSS to color the table headers red.
The border="1" attribute in the <table> tag adds a border to the table.

Live Demo:

See the Pen tr-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page