HTML表格概念、语法、 *** 作、案例

HTML表格概念、语法、 *** 作、案例,第1张

概述创建两行三列表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

创建两行三列表格

<!DOCTYPE HTML><HTML lang="en"head>    Meta charset="UTF-8"Title>document</body>    table border="1">        tr>            td>2018年>2019年>2020年>8000>10000>120000tableHTML>

 

 

表格
th 表头,内容居中,加粗显示
<caption></caption> 表格标题,居中显示

 

表格作为整体被解析,完全解析完才会被显示出来
表格结构标签可以优化显示,加载一部分显示一部分
thead 表格的头(表头)
tbody 表格的主体(数据)
tfoot 表格的脚(脚注)

 

表格属性

 

 

 

 

 

 

="1" wIDth="500px" bgcolor="#f2f2f2" cellspacing="0" cellpadding="5px" align="center" frame="Box" rules="rows"caption>前端工程师平均工资thead>                th>城市>上半年>下半年tbody>北京>9000>上海>6000>7000>100000tfoot>合计>110000>

 

 tr标签属性

 

 td和th标签属性

 

 thead / tbody / tfoot 标签属性

 

 

跨列属性 colspan
跨行属性 rowspan

="all"tr bgcolor="#d8e4bc"th rowspan="2"colspan>                >                                >            tbody align valign="mIDdle"td ="#b8cce4">12000="center">11000>

 

 

表格嵌套:
嵌入的必须是完整的表格结构
放到td标签中

>                    ="voID">                        >                            >

@H_419_316@

 

总结

以上是内存溢出为你收集整理的HTML表格概念语法、 *** 作、案例全部内容,希望文章能够帮你解决HTML表格概念、语法、 *** 作、案例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1026572.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存