表格

作者: LIUUGNAY | 来源:发表于2016-11-22 20:41 被阅读0次
  1. html5表格标签
  2. 表格
  3. 2019-01-09第三天
  4. 2015年11月5日
  5. 2018-11-28
  6. 第5单元 个性月历
  7. 零基础Web前端开发(5)
  8. html基础
  9. HTML基础
  10. 2-12. 表格标签中的其他标签
  11. Paste_Image.png
    要完成此表格,主要是要使用table中的<tr><td><caption><colspan><rowspan>及要将文字居中的格式.
    下面就来介绍一下有关table中的所包含的一些tag.

    <table>:定义HTML文档中的表格。

    给表格设置边框:<table border=”value”> (value可为1,2,3...)
    <tr>:定义表格中的一行
    <th>:定义表格中的表头
    <td>:定义表格中的一列

    Paste_Image.png
    <table border="1">
    <tr>
     <th>姓名</th> 
    <th>出生年月</th>
    </tr>
    <tr>
     <td>张三</td> 
    <td>1991年7月</td>
    </tr>
    

    效果图展示如下:


    **-
    <thead>:标签定义表格的页头
    <tbody>:标签定义表格的主体
    <tfoot>:标签定义表格的页脚
    使用以上三种标签可以划分table表格,使代码结构更加清晰。

    caption标签:给表格设置标题,在<table>标签内添加标题。
    colspan和rowspan分别设置表格的占用标准表格的几行和几列。

    <table border="1">
    <caption>购物车</caption>
    <tr>
    <td id="name" rowspan="2" align="center">名称</td>
    <td colspan="2">2016-11-22</td>
    <td id="total" rowspan="2" align="center">小计</td>
    </tr>
    <tr>
    <td align="center">重量</td>
    <td align="center">单价</td>
    </tr>
    <tr>
    <td>苹果</td>
    <td>3公斤</td>
    <td>5元/公斤</td>
    <td>15元</td>
    </tr>
    <tr>
    <td>香蕉</td>
    <td>2公斤</td>
    <td>6元/公斤</td>
    <td>12元</td>
    </tr>
    <tr>
    <td colspan="3" align="center">总价</td>
    <td>27元</td>
    </tr>
    </table>
    

    结果如下啦

    Paste_Image.png

    **-


    Paste_Image.png

    相关文章

    表格 格式: 表格标签: ————定义表格 ———— 定义表格标题。 ———— 定义表格的表头。 ———— ...

  12. 表格

    基本表格 带边框表格 鼠标悬停表格 条纹状表格 紧缩型表格 ...

  13. 2019-01-09第三天

    表格 有表格线 没有表格线? 水平表格和垂直表格如何设计出来的?

  14. 2015年11月5日

    表格标签:table 表格thead 表格头tbody 表格主体tfoot 表格尾tr 表格行th 元素定义表头t...

  15. 2018-11-28

    表格 表格 长表格 表格的布局 完善clearfix 表单 模拟后台服务器 表格

  16. 第5单元 个性月历

    创建表格 输入表格 调整与修必表格 美化表格

  17. 零基础Web前端开发(5)

    HTML表格概述 表格的基本结构 表格的基本标签有标签 (表格), 标签(表格行), 标签(表格单元格)。 标签和...

  18. html基础

    HTML表格 定义表格的标签 定义表格若干行 定义表格的表头 定义表格的若干单元格 border 表格属性 合并...

  19. HTML基础

    HTML表格 定义表格的标签 定义表格若干行 定义表格的表头 定义表格的若干单元格 border 表格属性 合并...

  20. 2-12. 表格标签中的其他标签

    | | 定义表格 || | 定义表格标题。 || | 定义表格的表头。 || | 定义表格的行。 ...

  21. 网友评论

        本文标题:表格

        本文链接:https://www.haomeiwen.com/subject/xelmpttx.html