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

简介: 1 doctype html> 2 3 4 5 这是我的第五个html代码 6 7 8 9 12 13 学生信息表 14 21 ...
 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>

 

目录
相关文章
|
5月前
|
容器
粉丝提问篇之css3的多列布局与p标签结合出现的样式
粉丝提问篇之css3的多列布局与p标签结合出现的样式
27 0
|
7月前
HTML table 细线课表
HTML table 细线课表
20 0
|
7月前
HTML table 细线表格
HTML table 细线表格
25 0
html关于表格table的相关知识分享【2020网页综合笔记02】
html关于表格table的相关知识分享【2020网页综合笔记02】
104 0
html关于表格table的相关知识分享【2020网页综合笔记02】
table标签经典案例,综合使用行合并与列合并实现html网页表格【2020网页综合笔记03】
table标签经典案例,综合使用行合并与列合并实现html网页表格【2020网页综合笔记03】
233 0
table标签经典案例,综合使用行合并与列合并实现html网页表格【2020网页综合笔记03】
|
前端开发
HTML基础教程7——表格标签和语义化标签
表格用<table>标签实现,内部主要有<tr>和<td>标签,其中表示行,表示列,属性border的值表示表格边框线的粗细,属性cellspacing的值表示内框和外框之间的距离,属性cellpadding的值表示内框的大小。
HTML基础教程7——表格标签和语义化标签
零基础HTML入门教程(8)——水平线hr标签
本小结我们讲述了hr水平线,加上他可以出来一个水平线,适当的使用回事文章更加清晰。我们上几小节学习了块级元素,行内元素,我们接下来学习一下水平线,熟练运用水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。我们可以看到加上hr春晓下面会出现一个水平线,这样就会看上去更清晰。标签在 HTML 页面中创建一条水平线。2.在 HTML 中,
零基础HTML入门教程(8)——水平线hr标签
|
移动开发 前端开发 HTML5
HTML5学习-表格标签
HTML5学习-表格标签
|
移动开发 Java HTML5
HTML5 学习7.表格标签
HTML5 学习7.表格标签
|
前端开发
17、前端开发:HTML知识补充——表格标签
17、前端开发:HTML知识补充——表格标签
145 0
17、前端开发:HTML知识补充——表格标签