How to Create a Table in HTML – HTML – Computer Science Class 12

How to Create a Table in HTML – HTML – Computer Science Class 12


click the bell icon to get latest videos
from Ekeeda Hello friends now the next topic is how
to create a table in HTML now to create a table in HTML we use a tag called as
table tag so in the in this video we will discuss how to make a use of table
tag with the help of demonstration as well as the practical now to create a
table in HTML we make a use of table tag table tag has more three tags with it
the very first tag is called as TR tag TR tag is used to create a row in the
table then we have the TD tag TD tag is called as a creating a TD tag is used to
create a table cell and the th tag th tag is used to create a table heading so
let us see practically how to make a use of this tags now I have saved my
document inside the do Drive HTML now let us make a changes in the demo1 dot
HTML so open the file with the notepad ok so to create a table we always use a
tag called a stable tag so let us start with the table tag I write table then to
create a row inside the table we use a tag called as TR tag and then inside the
table row then we create a table cell that is table condom now suppose if I
want to create a table with 3 rows and 3 columns inside it then how will be how I
will be doing that first I will create a first row now as I said I have to create
a table with 3 rows and 3 columns into it means in the first row there will be
a 3 since then again in the second row there will be a 3 cells and again in the
third row there will be a 3 since it means what my table
we’ll be having all together three rows and three columns in do it so how to do
that to create a table I use tag called as TR tag so I write TR inside first row
there are three columns into it means there are three cells into it so I will
create them as TD suppose the capture of the first TD is boys / TD then the
caption of the next series suppose girls so / girls then / TD then then third is
total so here I have created a first row in which there are three columns inside
it now again we have to repeat the same thing I mean I will be creating the
second row TR again my second row has three columns into it so again I have to
I will be writing the same thing into it now so I’m just copying and pasting it
TR / TR then one more TR again three columns and / TR now let us make a
changes in the cell data I’m making it as 5050 hundred thirty thirty sixty okay save
the document now try to open the document with the web browser see my
table has got created boys girls and then total then there are three rows
into it and there are three columns into it now if you see in this table the
table border is not visible so to display the table border we have the
attribute of table called as border with the help of that attribute we can
display the border as well so by default when I write a table tag your border
won’t come along with the table tag so to create a border or if you want to
display a border also then specifically we have to mention a tag attribute
called as border attribute and how to do that that we will see border is an attribute of table tag so I
will write table border is equal to one so when I write table border is equal to
one here you will get a C you will get a border so this is how a discreet table
in HTML to create a table in HTML we have a for tax you built a table tag is
to create a table then TR tag is to create a row then TD tag is to create a
column or you can say to create a cell or a table cell and last is a th tag to
create a table heading now we see we will see how to create a heading in d
table suppose if boys girls and total if this is the heading to the table then
the heading we can create with the help of th tag then instead of using TD tag
you have to make a use of th tag so we’ll just make a changes into it
instead of P D you write th H save the file again open the file see since boys girls
and total these are the headings these headings has got displayed in the bold
format so the text which is which is in the bold format that text is considered
consider as the heading to the table so this is how we create a table in HTML I
hope you have understood how to create a table in HTML now in the next video we
will see the attributes of table tag and then we will see the attributes of TD
tag thanks for watching this video thank you

1 thought on “How to Create a Table in HTML – HTML – Computer Science Class 12”

  1. Hello Friends,

    Watch Full Video Series of Subject Computer Science Class 12 Complete Free only on Ekeeda Application.

    Download Ekeeda Application.

    Android:- https://play.google.com/store/apps/details?id=student.ekeeda.com.ekeeda_student&hl=en

    iOS:- https://itunes.apple.com/tt/app/ekeeda/id1442131224

Leave a Reply

Your email address will not be published. Required fields are marked *