HTML Table containing Headers, Table Headers, Body tag

share link

by vigneshchennai74 dot icon Updated: Mar 14, 2023

technology logo
technology logo

Guide Kit Guide Kit  

HTML tables are used to organize and display data in a structured way. A typical HTML table consists of three main parts: the table headers, the table body, and the table rows.

The table headers are defined using the <thead> tag, and contain the column headers for the table. These headers are usually styled differently from the rest of the table rows, to help visually distinguish them. The table headers are typically defined using the <th> tag, which stands for "table header".. The table body is defined using the <tbody> tag, and contains the main content of the table. Each row of the table is defined using the <tr> tag, and the cells within each row are defined using the <td> tag. The <td> tag stands for "table data", and is used to define each cell in the table.

Preview of the output that you will get on running this code from your IDE


In this solution we have used <tr> tag. <tr> is an HTML tag used to define a table row in an HTML table.


  1. Download and install VS Code on your desktop.
  2. Open VS Code and create a new file in the editor.
  3. Copy the code snippet that you want to run, using the "Copy" button or by selecting the text and using the copy command (Ctrl+C on Windows/Linux or Cmd+C on Mac).
  4. Paste the code into your file in VS Code, and save the file with a meaningful name and the appropriate file extension (.html for HTML, .js for JavaScript, etc.).
  5. To run the code, open the file in VS Code and click the "Run" button in the top menu, or use the keyboard shortcut Ctrl+Alt+N (on Windows and Linux) or Cmd+Alt+N (on Mac). The output of your code will appear in the VS Code output console.

I hope you found this useful. I have added the version information in the following sections.

I found this code snippet by searching for "HTML Table containing headers, table headers, body tag, and table data tag " in kandi. You can try any such use case!

Environment Tested

Tested this solution in the following versions. Be mindful of changes when working with other versions.

  • Visual Studio Code Version 1.76.0

HTML tables are used to organize and display data in a structured way.This process also facilities an easy to use, hassle free method to create a hands-on working version of code which would help us an create a Tables in Html


  • For any support on kandi solution kits, please use the chat
  • For further learning resources, visit the Open Weaver Community learning page