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>