Implementation of Table using html

VIGNESWARAN.S
2 min readJun 7, 2021

What can we learn from here?

we can learn how to create a table easily using html.

First what we have to do?

1.Inserting <html>,<head>,<title> tags

The <head> element is a container for metadata (data about data) The <head> element is placed between the <html> tag

The <title> element is required and it defines the title of the document.

2.Inserting <style> tag

The <style> element is used to define style information for a single document.

Inside the style tag we have given font family as calisto mt,border size 2px solid black,then we have given text align as left-(texts are align at left).Border collapse is used to give a correct structure for the table.

3.Inserting <body>,<table> tags.

Inside the body tag we are using table tag for creating table.

start the <body> tag

Inside the body tag we are using <table>,<tr>,<th>,<td>tags

The <tr> tag is used for row in the table

The <th> tag defines a header cell in an HTML table

Then each table data/cell is defined with a <td> tag

After completion of the tags ,close all the tags

Program/source code

Output

For any reference

--

--