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

前端之家收集整理的这篇文章主要介绍了HTML表格概念、语法、操作、案例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

创建两行三列表格

<!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">
                        >
                            >

 

猜你在找的HTML相关文章