RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.w3resource.com/html-css-exercise/basic/tr-answer.php below:

Website Navigation

HTML5: How to define a row in a table?

HTML5: How to define a row in a table?Last update on February 14 2024 12:55:23 (UTC/GMT +8 hours)

Go to Exercise page

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

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4