HTML表格

本文详细介绍了HTML中的表格标签,包括table、caption、tr、td和th等的基本用法及属性,如width、height、border等,并解释了这些属性如何影响表格的布局和样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

table标记

基本格式

    <table 属性1="属性值1"...属性n="属性值n">表格内容</table>



属性

    width  表格的宽度,值可以是像素(px)也可以是父级元素的百分百(%)

    height  表格的高度,值可以是像素(px)也可以是父级元素的百分百(%

    border  表格的边框宽度

    align  表格的显示位置 

            left居左显示(默认)

            center

            right


    cellspacing  单元格之间的间距,默认是2px,单位像素

    cellpading  单元格内容与单元格边框的显示距离 单位像素

    frame

        作用  控制表格边框最外层的四条线框

        属性值

            void (默认) 表示无边框

            above 表示仅有顶部有边框

            below  表示仅有底部有边框

            hsides  表示仅有顶部和底部边框

            lhs  表示仅有左侧边框

            vsides 表示仅有左右边框

            box  包含全部四个边框

            border 包含全部四个边框


    rules 
        作用

            控制是否显示以及如何显示单元格之间的分割线

        属性值

            none(默认值) 表示无分割线

            all  表示包括所有分割线

            rows 表示仅有行分割线

            clos 表示仅有列分割线

            groups  表示仅在行和列之间有分割线

caption标记

什么时候使用  表格需要标题的时候

怎么使用   将<caption>插入<table>之后<tr>表格行之前

align属性  

    top 标题放在表格的上部

    bottom 标题放在表格的下部

    left 标题放在表格的左部

    right 标题放在表格的右部

tr标记

定义表格的一行,对于每一个表格行,都是由一对<tr>...</tr>标记表示,每一行
<tr>标记内可以嵌套多个<td>或者<th>标记


可选属性

    bgcolor

        设置背景颜色

        bgcolor = "颜色值"


    align

        设置垂直对齐方式

        align = "值"

        值

            bottom  靠顶端对齐

            top靠底部对齐

            middle 居中对齐


    valign 

        设置水平对齐方式

        valign="值"

        值

            left靠左

            right 靠右

            center 居中

td和th

<td>和<th>都是单元格的标记,其必须嵌套在<tr>标签内成对出现

两者区别

    <th>是表头标记,通常位于首行或者首列,<th>中的文字默认会被加粗而<th>不会

    <td>是数据标记 ,表示该单元格的具体数据

共同之处

    两者的标记属性都是一样的


属性

    bgcolor

    align

    valign

    width

    height      

    rowspan 设置单元格所占行数

    colspan  设置单元格所占列数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值