我的第六个网页制作:table标签

复制代码
 1 <!doctype html>
 2 <html>
 3    <head>
 4    <meta charset="utf-8">
 5       <title>这是我的第五个html代码</title>
 6       <!--可以通过bgcolor关键字修改背景颜色-->
 7       <body bgcolor="#FF0000">
 8       <table border="1px" cellpadding="5px" cellspacing="5px">
 9       <!--
10       <caption>学生信息表</caption>
11       -->
12       <!--对齐方式不同,下面是下对齐方式,上面是上对齐方式-->
13       <caption align="bottom">学生信息表</caption>
14       <!--
15       <tr><th>姓名</th><th>年龄</th><th>性别</th><th>班级</th></tr>
16       <tr><td>张三</td><td>18</td><td>男</td><td>一班</td></tr>
17       <tr><td>李四</td><td>19</td><td>女</td><td>二班</td></tr>
18       <tr><td>赵五</td><td>20</td><td>男</td><td>三班</td></tr>
19       <tr><td>韩六</td><td>21</td><td>女</td><td>四班</td></tr>
20       -->
21       <tr><th>姓名</th><th>年龄</th><th>性别</th><th>班级</th></tr>
22       <!--行合并,合并两行-->
23       <tr><td>张三</td><td>18</td><td></td><td>一班</td></tr>
24       <tr><td colspan="2">李四</td><td></td><td>二班</td></tr>
25       <!--列合并,合并两列-->
26       <tr><td rowspan="2">赵五</td><td>20</td><td></td><td>三班</td></tr>
27       <tr><td>21</td><td></td><td>四班</td></tr>
28       </table>
29       </body>
30     </head>
31 </html>
复制代码

 

posted @   Angel_Kitty  阅读(232)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示
西雅图
14:14发布
西雅图
14:14发布
6°
西南风
5级
空气质量
相对湿度
93%
今天
中雨
3°/9°
周日
雨夹雪
3°/6°
周一
小雨
3°/10°