HTML Table tag tutorial | How to make table in HTML | HTML TABLE, TR, TH, TD tags

Показать описание

How to make HTML tables, using the HTML table tag. The video explains everything about how to style an html table, HTML table color and border, HTML table align and attributes. Also about HTML table background colors. HTML table tutorial about how to make table in html.

Adding lines (rows) with the TR tag.
How to add columns, with the TD tag.
Customizing the HTML table rowspan, colspan, cellpadding and borders.
Using the html TH tag (table heading)
Custom font sizes and colors inside a table.
Customizing the HTML table color and background color.

In this video I'm going to show you how to use HTML tables. The tag for the HTML tables is called "table". This is how it looks like. This is the standard HTML table tag.

To make a table row, you need to use the TR tag, or HTML TR. Each TR tag shows one line inside your table.

Inside each TR tag you have to use TD tags (or the HTML TD). Each TD tags means one column

inside your table. In this example we are going to use one TR tag which is one line in your table and then two TD tags which are two columns inside this line.

We show how to use the HTML table border attribute.

So if you use another TR tag we're going to add a new line to the table just like this. The cellpadding is an attribute for a spacing inside each HTML table cell.

The attribute colspan will make one item occup two item spaces, two columns.

I'm going to show the TH tag. TH simply means table heading.

We can manually center a content of a TD using the align attribute for instance.

Now we can customize the background color of a cell using the CSS style attribute. HTML CSS table design. I have added the style attribute to, for instance, the TR tag. You can use these
attributes or in the TD or in the TH .

We can customize the font colors using another style attribute with color within tables in HTML.