Detailed explanation of HTML table marking (suitable for beginners)

TABLE> <TR> <TD>

<TH>

<CAPTION>

■ <TABLE> <TR> <TD> :

These three marks are the most important marks for defining a table. It can be said that learning only these three is enough.

<TABLE> is a container mark, which means that it is used to declare that this is a table and other table marks can only be within its scope. There are other container marks.

<TR> Used to indicate table columns (row)

<TD> is used to indicate the storage box (cell)

Parameter setting for <TABLE> (commonly used):

For example: <table width=400 border=1 cellpacing=2 cellpading=2 align=CENTER valign=TOP background=myweb.gif bgcolor=#0000FF bordercolor=#FF00FF bordercolorlight=#00FF00 bordercolordark=#00FFF cols=2>

width=400

Table width, accept absolute values ​​(such as 80) and relative values ​​(such as 80%).

• border=1

  The thickness of the table border has different internal values ​​for different browsers, so please indicate it.

• cellpacing=2

  For the thickness of the table grid line, please see Example 3, which is the grid line thickened to 5.

• cellpadding=2

  For the distance between the text and the grid, please see Example 4, which is padding added to 10.

• align=CENTER

  The table placement position (horizontal), optional values ​​are: left, right, center. Please see example 5 or 6. The table is placed in the middle. In order to avoid some browsers not supporting it, the centering mark is specially added, which is just a multi-layer guarantee. Of course, only use <CENTER>.

• valign=TOP.

  The placement position (vertical) of calligraphy and paintings in the table, optional values ​​are: top, middle, bottom.

• background=myweb.gif

  Format paper, do not use it in conjunction with bgcolor.

• bgcolor=#0000FF

  The background color of the table should not be used in the same way as background, please see Example 6.

• bordercolor=#FF00FF

  The color of the table border, NC and IE have different effects, please see Example 6.

• bordercolorlight=#00FF00

  For the color of the table border toward the light part, please see Example 2. 『Applicable to IE only』

• bordercolordark=#00FFFFF

  For the color of the backlight part of the table border, please see Example 2. The bordercolor will expire when using bordercolorlight or bordercolordark. 『Applicable to IE only』

• cols=2

  The number of table columns is just to let the browser draw the entire table first when downloading the table.

Parameter setting for <TR> (commonly used):

For example: <tr align=RIGHT valign=MIDDLE bgcolor=#0000FF bordercolor=#FF00FF bordercolorlight=#808080 bordercolordark=#FF0000>

• align=RIGHT

  The placement position (horizontal) of the characters and paintings in this column are: left, center, right.

• valign=MIDDLE

  The placement position (vertical) of the characters, paintings, etc. in this column are: top, middle, bottom.

• bgcolor=#0000FF

  For this column of background colors, please see Example 5.

• bordercolor=#FF00FF

  For this column of border colors, please see Example 3. 『Applicable to IE only』

• bordercolorlight=#808080

  Please see Example 3 for the color of the light part of the row border. 『Applicable to IE only』 4 pages in total Previous page 1234Next page