HTML实例之表格

最新推荐文章于 2023-07-01 16:35:55 发布

唱戏先生

最新推荐文章于 2023-07-01 16:35:55 发布

阅读量341

点赞数

分类专栏： HTML实例

本文链接：https://blog.csdn.net/qq_43131852/article/details/101370443

版权

这篇博客详细介绍了HTML中表格的使用，包括表格边框、无边框表格、表头设置、跨行跨列单元格、单元格间距和边距、背景颜色及图像应用，以及内容在单元格中的布局技巧。

摘要由CSDN通过智能技术生成

参考https://www.w3school.com.cn/html/index.asp

表格

<html>

<body>

<p>每个表格由 table 标签开始。</p>
<p>每个表格行由 tr 标签开始。</p>
<p>每个表格数据由 td 标签开始。</p>

<h4>一列：</h4>
<table border="1">
<tr>
  <td>100</td>
</tr>
</table>

<h4>一行三列：</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>

<h4>两行三列：</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>

在这里插入图片描述

表格边框

<html>

<body>

<h4>带有普通的边框：</h4>  
<table border="1">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>带有粗的边框：</h4>  
<table border="8">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>带有很粗的边框：</h4>  
<table border="15">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

</body>

最低0.47元/天解锁文章

唱戏先生

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML实例之表格

参考https://www.w3school.com.cn/tiy/t.asp?f=html_basic表格<html><body>每个表格由 table 标签开始。每个表格行由 tr 标签开始。每个表格数据由 td 标签开始。<h4&...
复制链接

扫一扫