HTML Tables | Computer HTML Tags | HTML Computer Code Elements

HTML Tables


In HTML that is tables as a name say table means it will be the table format comprising row and column inside it basically the main use of tables in classic HTML is to arrange the layout of your web page so using the table and you can even nest a table inside a table you can actually design a structure or a layout of your web page.

Allows web authors to arrange data like text, images,links,other tables,etc rows and columns of cells.

consists row and columns.

can be nested.

Define an HTML Table

A simple html table:

A table consist of table cells inside rows and columns in html.

 

Table cells

Table cells defined by a and a tag and it is the data container of the table.

  stands for table data and it is the opening tag.

 

Tables Rows

Table cells defined by a and a tag .

  stands for table data and it is the opening tag.

 

Table Headers

stands for table headings and this is a opening and closing tag.

 

Other options of table border,

table sizes,

table headers

padding and spacing

colspan and rowspan

table styling

table colgroup

 

 

table border:

When you add a border to a table and around of each table cell.

Collapsed table border:

to avoid double border around of each table cell and use the CSS property border-collapse and then will make the borders collapse into a single border.

 

Style Table Border:

 

Round Table Border:

 

HTML Table Sizes:width and height

to set the width and height of a table and add the style attribute to the table element.

 

HTML Table of column width

to set the width of a column and the style attribute to the tag.

 

HTML Table of row width

to set the width of a row and the style attribute to the tag.