前端 HTML body标签相关内容 常用标签 表格标签 table
阅读原文时间:2024年11月27日阅读:1

表格标签 table

表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 表格底部 里面也是 >>
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。td标签,数据单元格可以包含放文本标签、图片标签、列表
    、段落

    、表单

    、水平线
    、表格等等

    标签是块级标签

    表格简单写法:

    表示一行

    表示一行

    标签里面想显示内容使用,显示表格头里的单元格

    标签里面想显示内容使用,显示表格主体每个单元格信息



    Title


    表示一列



    Title

    第一行,第1列 第一行,第2列 第一行,第3列
    第二行,第1列 第二行,第2列 第二行,第3列


    border



    Title

    第一行,第1列 第一行,第2列 第一行,第3列
    第二行,第1列 第二行,第2列 第二行,第3列


    在table里面 td标签里嵌套a标签



    Title

    主机名 端口 操作
    1.1.1.1 80 查看详细 修改
    2.2.2.2 22 第二行,第3列
    3.3.3.3 56 第二行,第3列


    规范写法表格标签:

    表示一列

    星期一 星期二 星期三 星期四 星期五
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学



    给table表格加上属性 border 边框 border="1"



    Title


    星期一 星期二 星期三 星期四 星期五
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学



    给table表格 加上属性 cellspacing

    cellspacing:单元格和单元格之间的距离(外边距),像素为单位。默认情况下的值为0

    加上cellspacing="0"



    Title


    星期一 星期二 星期三 星期四 星期五
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学



    表格行和列的合并 合并属性

    rowspan 合并行(竖着合并)
    colspan 合并列(横着合并)

    锁定要合并的位置



    Title


    星期一 星期二 星期三 星期四 星期五
    上午 语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学
    下午 语文 数学 英语 生物 化学
    语文 数学 英语 生物 化学



横着合并 colspan属性



Title


星期一 星期二 星期三 星期四 星期五
上午 语文 数学 英语 生物 化学
语文 数学 英语 生物 化学
语文 数学 英语 生物 化学
下午 语文 数学 英语 生物 化学
语文 数学 英语 生物 化学
课程表



手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器