Introduction to the syntax and related attributes of html tables (with code)

This article brings you an introduction to the syntax and related attributes of HTML tables (with code). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

1. Syntax

<table>
    <tr>
        <td></td>
        <td></td>
    </tr></table>

Note: A pair of tr represents a row; a pair of td represents a column (a cell)

2. Related attributes of the data table
1) width=”width of the table”

2) height=”height of the table”

3) border=”border of the table”

4) bordercolor=”Border color”

5) cellspacing=”The spacing between cells”

6) cellpadding=”The gap between cells and content”

7) align=”Table alignment” Values: left, right, center,
valign=”Vertical alignment” top\bottom\middle\

8) Merge cell attributes:
Merge columns: colspan="Number of columns of cells to be merged"
Merge rows: rowspan="The number of rows of cells to be merged"
colspan="The number of columns of cells to be merged";
rowspan="The number of rows of cells to be merged"

Example:

……<table width="200" border="1">
  <tr>
    <td colspan="3">学生成绩</td>
  </tr>
  <tr>
    <td rowspan="2">张三</td>
    <td>语文</td>
    <td>98</td>
  </tr>
  <tr>
    <td>数学</td>
    <td>95</td>
  </tr>
  ....代码同上两行....</table>……

Related recommendations:

HTML table element

HTML table and list_html/css_WEB-ITnose

The above is the detailed content of Introduction to the syntax and related attributes of html tables (with code). For more information, please follow other related articles on the PHP Chinese website!