简单常用 html 标签简单学习(二)(小白最爱)

目录

1. 表格标签

1.1 主要作用​编辑​编辑

1.2 基本语法

1.3 表头单元格标签​编辑​编辑​编辑

1.4 表格属性

1.5 表格结构标签​编辑​编辑

1.6 合并单元格

2. 列表标签​编辑​编辑

2.1 无序列表​编辑​编辑

2.2 有序列表​编辑

2.3 自定义列表​编辑

2.4 总结​编辑

3. 表单标签

3.1 表单域​编辑​编辑

3.2 表单控件/元素​编辑​编辑

3.2.1 表单元素​编辑​编辑

3.2.2 label 标签

3.2.3  表单元素​编辑​编辑​编辑​编辑

3.2.4 文本域标签​编辑​编辑

4. 查阅文档


1. 表格标签

1.1 主要作用
1.2 基本语法

     

1.3 表头单元格标签
1.4 表格属性

1.5 表格结构标签
1.6 合并单元格

合并种类:

合并方式:

合并步骤:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table cellsapcing="0" align="left" border="1" width="400" height="400">
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2"></td>
                <!--  <td></td> -->
            </tr>
            <tr>
                <td rowspan="2"></td> 
                <td colspan="2"></td>
                <!-- <td></td> -->
            </tr>
            <tr>
               <!--  <td></td> -->
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>
</body>
</html>

2. 列表标签
2.1 无序列表

注意:

2.2 有序列表

2.3 自定义列表

这种效果就是自定义列表做的;

dt 和 dd 是并列的兄弟关系,不是包含关系;

2.4 总结
3. 表单标签

3.1 表单域

注意:

3.2 表单控件/元素
3.2.1 <input> 表单元素

text、password:

radio、checkbox:

3.2.2 label 标签

label 标签不属于表单元素,但经常搭配表单元素使用;

3.2.3  表单元素
3.2.4 文本域标签
4. 查阅文档

以上仅仅简单说明了一些常见的 html 标签,更多更详细的内容请查看下列网址:

W3C:w3school 在线教程

菜鸟:菜鸟教程 - 学的不仅是技术,更是梦想! (runoob.com)

MDN:MDN Web 文档 (mozilla.org)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值