html 在线表格制作,HTML 表格

左手的ㄟ右手 2022-10-05 10:51 604阅读 0赞

HTML 表格

表格其实就是很多的小单元格，而这些小单元格很有次序的排列着，它们有很多行，很多列。这些由行列组成的布局，就叫表格，表格是 table 标签来定义的。

HTML 表格示例:姓名性别年龄

张三男40

李四女32

在线示例

HTML表格

这个示例演示如何在 HTML 文档中创建表格。

示例

测试看看 ‹/›

HTML 表格

表格由

<table> 
 <tbody> 
  <tr> 
   <td> 标签定义)。字母 td 指表格数据(table data)，即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。<p>表格示例</p><p>示例</p> 
    <table> 
     <tbody> 
      <tr> 
       <td>行&nbsp;1,&nbsp;列&nbsp;1</td> 
       <td>行&nbsp;1,&nbsp;列&nbsp;2</td> 
      </tr> 
      <tr> 
       <td>行&nbsp;2,&nbsp;列&nbsp;1</td> 
       <td>行&nbsp;2,&nbsp;列&nbsp;2</td> 
      </tr> 
     </tbody> 
    </table>测试看看 ‹/›<p>在浏览器显示如下：:</p><p><img src="https://img-blog.csdnimg.cn/img_convert/528fd45035687f16182e7b9562653ee7.png" alt="528fd45035687f16182e7b9562653ee7.png"></p><p>HTML 表格和边框属性</p><p>如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。</p><p>使用边框属性来显示一个带有边框的表格：</p><p>示例</p> 
    <table> 
     <tbody> 
      <tr> 
       <td>行&nbsp;1,&nbsp;列&nbsp;1</td> 
       <td>行&nbsp;1,&nbsp;列&nbsp;2</td> 
      </tr> 
     </tbody> 
    </table>测试看看 ‹/›<p>HTML 表格表头</p><p>表格的表头使用 </p></td> 
   <th> 标签进行定义。<p>大多数浏览器会把表头显示为粗体居中的文本：</p><p>示例</p> 
    <table> 
     <tbody> 
      <tr> 
       <th>表头一</th> 
       <th>表头二</th> 
      </tr> 
      <tr> 
       <td>行&nbsp;1,&nbsp;列&nbsp;1</td> 
       <td>行&nbsp;1,&nbsp;列&nbsp;2</td> 
      </tr> 
      <tr> 
       <td>行&nbsp;2,&nbsp;列&nbsp;1</td> 
       <td>行&nbsp;2,&nbsp;列&nbsp;2</td> 
      </tr> 
     </tbody> 
    </table>测试看看 ‹/›<p>在浏览器显示如下：</p><p><img src="https://img-blog.csdnimg.cn/img_convert/3a3c2fe0f6a097cf5a0e8263720aedb9.png" alt="3a3c2fe0f6a097cf5a0e8263720aedb9.png"></p><p>更多示例</p><p>没有边框的表格</p><p>本示例演示一个没有边框的表格。</p><p>带有标题的表格</p><p>本示例演示一个带标题 (caption) 的表格</p><p>跨行或跨列的表格单元格</p><p>本示例演示如何定义跨行或跨列的表格单元格。</p><p>表格内的标签</p><p>本示例演示如何显示在不同的元素内显示元素。</p><p>单元格边距(Cell padding)</p><p>本示例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。</p><p>单元格间距(Cell spacing)</p><p>本示例演示如何使用 Cell spacing 增加单元格之间的距离。</p><p>HTML 表格标签标签描述</p><p>定义表格的表头</p><p>定义表格的行</p><p>定义表格单元</p><p>定义用于表格列的属性</p><p>定义表格的页眉</p><p>定义表格的主体</p><p>定义表格的页脚</p></th> 
  </tr> 
 </tbody> 
</table>