HTML ???? ?? ???, ?? ?? ? ?? ????? ??? ??? ? ??? ?? 2 ?? ???? ?????. 1. ?? ??

, , <th>, <td>? ???? ??? ??? ?? ? ????. 2. ?? ?? ? ??? ??? ????? ?? <thead>, <tbody> ? <tfoot>? ?? ?? ??? ??????. 3. Rowspan ? Colspan? ???? ?? ????? ???? ??? ??? ??? ??? ?????. 4. ?? ?????? ????, ???? ???? ??, ??? ???? ????, ?? ? ???? ???? ???????.

HTML ???? ??? ? ???? ???? ?? ???? ?? ??? ??, ?? ??, ?? ?? ?? ?? 2 ?? ??? ??? ???? ? ?? ?????. ??? ?? ??? ?? ??? ???? ??? HTML ???? ??? ?? ?? ? ????? ??? ??? ??? ??? ????.

??? HTML? ???? ??? ??? ????? ???? ??? ?? ????? ? ?? ???? ?????.

---

?? ??? ?? ?? : <table> , <code><tr> , <code><th> , <code><td> <p> HTML ???? ?? ??? ?? ??? ?????.</p> <ul><li> <code><table> : ?? ???? ???? ????.<li> <code><tr> : ? (? ?)? ?????.<li> <code><th> : ?? ?? ???? ????? ??? ??? ????? ? ??? ?????.<li> <code><td> : ???? ??? ???? ?? ?.<p> ?? ??? ?? ??? ????. </p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/175234671620307.jpeg" class="lazy" alt="HTML ???? ???? ??? ???? ????? ??? ??????"><pre class='brush:php;toolbar:false;'> &lt;???&gt; &lt;tr&gt; &lt;th&gt; ?? &lt;/th&gt; &lt;th&gt; age &lt;/th&gt; &lt;Th&gt; ?? &lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; Zhang San &lt;/td&gt; &lt;td&gt; 28 &lt;/td&gt; &lt;td&gt; ??? &lt;/td&gt; &lt;/tr&gt; &lt;/???&gt;</pre><p> ??? ??? ??? ???? ??? ???? ?????. ? ?? ??? ?? ????? <code><tr> ? <td> ? ?? ??????.

---

??? ??? ?? : <thead> , <tbody> , <tfoot> ???? ??

???? ?? ??? ??? ?? ??? ????? ????? ?? ????. HTML? ??? ? ??? ???? ??????? ?? ??? ?????.

• <thead> : ???? ?? ???? ????? <th> ?????.
• <tbody> : ?? ??? ?? ?? ? ???? ??.
• <tfoot> : ???? ?, ?? ??? ????? ??? ??? ? ?????.

?? ??:

 <???>
  <??>
    <tr>
      <th> ?? ?? </th>
      <th> ?? </th>
      <th> ?? </th>
    </tr>
  </head>
  <tbody>
    <tr>
      <td> ?? </td>
      <td> 5 ?? </td>
      <td> 100kg </td>
    </tr>
    <tr>
      <td> ??? </td>
      <td> 3 ?? </td>
      <td> 80kg </td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan = "3"> ? : 180kg </td>
    </tr>
  </tfoot>
</???>

? ??? ? ?? ??? ??? CSS ??? ??? ? JavaScript ??? ?????.

---

?? ? : rowspan ? colspan

??? ?? ????? ?? ?? ?? ???????. rowspan (??? ?) ? colspan (??? ??) ??? ??? ? ????.

• colspan="2" :? ?? ? ?? ?? ?? ????.
• rowspan="3" :? ?? ? ?? ??? ????.

?? ??:

 <??? ??? = "1">
  <tr>
    <th rowspan = "2"> ?? </th>
    <th colspan = "2"> ?? ? </th>
  </tr>
  <tr>
    <td> ?? </td>
    <td> ?? </td>
  </tr>
  <tr>
    <td> ?? ?? </td>
    <td> 15 </td>
    <td> 5 </td>
  </tr>
</???>

? ??? ??? ???? ???? ??? ??? ????? ???? ??? ? ??? ???? ?? ??? ??? ??? ??? ???? ???? ?????????.

---

??? ?

• ?? ?? : ????? ????? ??? ??? border ?? ?? CSS? ???? ??? ? ????.
• ?? ???? ????? : ??? ??? ?? ?, ??? ????? ??? ??? ?? ??? ? ????.
• ??? ???? ?????? : ???? ???? ????. ??? ??????? ?? CSS ??? ?? Flexbox? ???? ?? ????.
• ?? ? ???? ?????? : ? ???? ?? ??? ? ???? ?? ? ??, ?? ?? ???? ?? ???? ???? ?? ??????.
• ??? ??? : scope ??? ???? ??? ??? ??? ???? ??? ?? ? ? ??? ?????.

---

????? ?? ??. HTML ??? ??? ????? ??? ??? ???? ??? ??? ?? ??? ? ????? ???????.

? ??? HTML ???? ???? ??? ???? ????? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!