If you are learning HTML for educational purpose, or you are creating a web document and you want to add a table to it so that your web document looks very beautifull.and you search on google "how to create table in html. If you want to create any HTML project then you should come from html starting to end, in this post today we are going to talk about how to create table in HTML.We use tables when we have to display some data in a sequence, and to make it we need some HTML tags. Hello friends my name is Uttam kumar and in today's post, we will talk about how to create table in HTML. Friends, if you are doing O level then you must subscribe to our YouTube channel,Here you will get all the information related to the O level and about the course, today we will read about all the tags related to the table and after that we will make a table as you see in the image.
<Table> :--This is a type of Container tag. This tag is only used to create a table, the start of creating a table is done with this tag, when you create a table, first of all use this tag.
Also Read:-- Make a calculator using HTML,cSS and javascript
<Th>:--- This tag is known as Table heading. It also contains a container tag. This automatically makes the heading of a table bold, if you want to create any heading in your table, you can use this tag. Take an example.
<html>
<body>
<table border="2">
<th> ram </th>
<th> shyam</th>
<th> govind </th>
</table>
</body>
</html>
When you see its output, you will find that all these names have become bold automatically without using bold tags. Look
<td>:--- We also know this tag by the name of Table Data, it is a type of Container tag. We use this tag to input data into a table. It does not automatically bold any text, let's take a small example.
<html>
<body>
<table border="2">
<td> ram </td>
<td> shyam</td>
<td> govind </td>
</table>
</body>
</html>
See output:--
<Tr>:-- This tag is known as Table Row. This is a Container tag, this tag is used to define the specific row of a table, it tells us which data we are defining in which row. A small example is given below.
<html>
<body>
<table border="2">
<tr>
<td> Name </td>
<td> Age</td>
</tr>
<tr>
<td> Ram </td>
<td> 15 </td>
</tr>
</table>
</body>
</html>
Above is a small code that tells how it works, however many names you can give, here name and age are in the same row, which was just defined above. See this output
Also Read:-- Introduction to C programming
<html>
<head>
<title>how to create table in html</title>
</head>
<body>
<table border="7" height="100%" width="100%" cellspacing="8" cellpadding="8" bgcolor="yellow">
<tr >
<th bgcolor="red"><font color="white">Name</font></th>
<th bgcolor="blue"><font color="white"> Class</font></th>
<th bgcolor="red"><font color="white">Subject</font></th>
<th bgcolor="blue"><font color="white">Marks</font></th>
</tr>
<tr>
<td bgcolor="orange" > <font color="blue" size="6"> <b><center>Sarthak</center></font></td>
<td><font color="red" size="6"><b><center>7th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Math</center></td>
<td><font color="red" size="6"><b><center>98%</center></font></td>
</tr>
<tr>
<td bgcolor="orange" ><font color="blue" size="6"><b><center> Ankush</center></font></td>
<td><font color="red" size="6"><b><center>7th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Science</center></font></td>
<td><font color="red" size="6"><b><center>96%</center></font></td>
</tr>
<tr>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Mac</center></font></td>
<td><font color="red" size="6"><b><center>7th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Hindi</center></font></td>
<td><font color="red" size="6"><b><center>91%</center></font></td>
</tr>
<tr>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Arun</center></font></td>
<td><font color="red" size="6"><b><center>10th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>English</center></font></td>
<td><font color="red" size="6"><b><center>95%</center></font></td>
</tr>
</table>
</body>
</html>
OUTPUT:--
If you have liked this post, then you will definitely tell by commenting. And if you feel that this post can be useful to anyone else, then share it with your friends so that this information can be reached to everyone. And if you have any more questions, you can contact us.
Your-Queries:--
how to create table in html explain with example
how to create table in html in hindi
how to create table in html with border
how to create table in html document
how to create table in html pdf
how to create table in html code
how to create a table in angular html
how to create a table in html using notepad
how to create a table in html
<Table> :--This is a type of Container tag. This tag is only used to create a table, the start of creating a table is done with this tag, when you create a table, first of all use this tag.
Also Read:-- Make a calculator using HTML,cSS and javascript
<Th>:--- This tag is known as Table heading. It also contains a container tag. This automatically makes the heading of a table bold, if you want to create any heading in your table, you can use this tag. Take an example.
<html>
<body>
<table border="2">
<th> ram </th>
<th> shyam</th>
<th> govind </th>
</table>
</body>
</html>
When you see its output, you will find that all these names have become bold automatically without using bold tags. Look
<td>:--- We also know this tag by the name of Table Data, it is a type of Container tag. We use this tag to input data into a table. It does not automatically bold any text, let's take a small example.
<html>
<body>
<table border="2">
<td> ram </td>
<td> shyam</td>
<td> govind </td>
</table>
</body>
</html>
See output:--
<Tr>:-- This tag is known as Table Row. This is a Container tag, this tag is used to define the specific row of a table, it tells us which data we are defining in which row. A small example is given below.
<html>
<body>
<table border="2">
<tr>
<td> Name </td>
<td> Age</td>
</tr>
<tr>
<td> Ram </td>
<td> 15 </td>
</tr>
</table>
</body>
</html>
Above is a small code that tells how it works, however many names you can give, here name and age are in the same row, which was just defined above. See this output
How to create table in HTML .
So let's make a nice table, in which we have also used some empty tags. To make the table look good, we have used some font, color. In this table, we have taken the name, class, subject, marks, etc. data of some students, there are four students in it, you can add more students if you want, you will look at this code very carefully and by copying this code you will You can check in your HtML editor.Also Read:-- Introduction to C programming
<html>
<head>
<title>how to create table in html</title>
</head>
<body>
<table border="7" height="100%" width="100%" cellspacing="8" cellpadding="8" bgcolor="yellow">
<tr >
<th bgcolor="red"><font color="white">Name</font></th>
<th bgcolor="blue"><font color="white"> Class</font></th>
<th bgcolor="red"><font color="white">Subject</font></th>
<th bgcolor="blue"><font color="white">Marks</font></th>
</tr>
<tr>
<td bgcolor="orange" > <font color="blue" size="6"> <b><center>Sarthak</center></font></td>
<td><font color="red" size="6"><b><center>7th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Math</center></td>
<td><font color="red" size="6"><b><center>98%</center></font></td>
</tr>
<tr>
<td bgcolor="orange" ><font color="blue" size="6"><b><center> Ankush</center></font></td>
<td><font color="red" size="6"><b><center>7th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Science</center></font></td>
<td><font color="red" size="6"><b><center>96%</center></font></td>
</tr>
<tr>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Mac</center></font></td>
<td><font color="red" size="6"><b><center>7th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Hindi</center></font></td>
<td><font color="red" size="6"><b><center>91%</center></font></td>
</tr>
<tr>
<td bgcolor="orange"><font color="blue" size="6"><b><center>Arun</center></font></td>
<td><font color="red" size="6"><b><center>10th</center></font></td>
<td bgcolor="orange"><font color="blue" size="6"><b><center>English</center></font></td>
<td><font color="red" size="6"><b><center>95%</center></font></td>
</tr>
</table>
</body>
</html>
OUTPUT:--
If you have liked this post, then you will definitely tell by commenting. And if you feel that this post can be useful to anyone else, then share it with your friends so that this information can be reached to everyone. And if you have any more questions, you can contact us.
Your-Queries:--
how to create table in html explain with example
how to create table in html in hindi
how to create table in html with border
how to create table in html document
how to create table in html pdf
how to create table in html code
how to create a table in angular html
how to create a table in html using notepad
how to create a table in html
*SHARE WITH FRIENDS*
0 Comments
Hey , Comment Your Query or Suggestion