html标签：表格、列表、图片、文字、表单、以及h5新增特性

文章目录

• 前言
• 一、表格
• 二、列表
• 三、图片
• 四、文字
• 五、表单
• 六、h5新增特性
  • 1.语义化标签
  • 2.表单新增input属性
  • 3.datalist
  • 4.filedset
  • 5.mark标记标签
  • 6.多媒体标签
  • 7.度量衡/进度条
• 总结

---

前言

以下内容包括表格、列表、img、文字、表单以及h5新增特性

一、表格

table表格

    border增加边框

    cellspacing盒子与边框的距离

    cellpadding改变盒子的内边框，改变表格的大小,单元格间隙

    caption表格标题

        表格结构：

                thead表头

                tboday表体

                tfoot表尾

        tr：table rower行

        td ：table clower列

    rowspan合并列，注释

    colspan合并行，注释

<table border="1px" cellspacing="0" cellpadding="35px">
        <caption>购物车</caption>
        <tr>
            <!-- 表头td改为th -->
            <td rowspan="2">名称</td>
            <td colspan="2" style="text-align:center ;">日期</td>
            <!-- <td>日期</td> -->
            <td rowspan="2">小计</td>
        </tr>
        <tr>
            <!-- <td>名称</td> -->
            <td>重量</td>
            <td>单价</td>
            <!-- <td>小计</td> -->
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元