HTML标签介绍_div单结束标签-CSDN博客

本文链接：https://blog.csdn.net/sg_karry/article/details/122848802

HTML标签都是需要放在尖括号 ' <> '中，' <> ' 里写的是标签名

如：<p>，<div>

标签的属性：

固有属性：不管是单标签还是双标签都有属性，属性都是添加到开始标签中

语法格式：

<标签名属性名1="属性值1" 属性名2="属性值2">

<标签名属性名1="属性值1" 属性名2="属性值2"></标签名>

<body>
    <form action="">
        <input type="text" placeholder="请输入姓名">
        <input type="image" src="./goods02.jpg_.webp">
    </form>
</body>

自定义属性：自己给标签添加的属性

语法格式：

<标签名属性名1="属性值1" 自定义属性名="自定义属性值"></标签名>

按语法分类：

1.单标签：只有开始标签，没有结束标签，通过在标签的尾部添加反斜杠' / '表示结束

语法格式：<标签名/>

案例：

<meta charset="UTF-8">
<img src="">
<input type="text">

2.双标签：又开始标签也有结束标签，结束标签比开始标签多了一个反斜杠' / '

语法格式：<标签名></标签名>

案例:

<title>Document</title>
<p>内容1</p>
<strong>内容2</strong>

按特性分类：

1.块元素：独占一行(可以直接设置宽高，涉及CSS样式)；

2.行内元素：不独占一行(一行可以放多个)，不能直接设置宽高，需要转换

3.行内块元素：一行可以放多个，也可直接设置宽高

按功能分类：

1.语义化标签：看到这个二标签就知道它的作用

如：<img src="">，看到就只知道是和图片相关的

2.非语义化标签：见标签不知意

如：<div></div>，<span></span>