<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签分类</title>
</head>
<body>
标签,被称为元素,也可以称为容器,作用:存储内容
内容:包含文字、图片、音频、视频、超链接、其他标签等等
按照元素特性分:
通过display样式切换特性,即display:block;
1.块元素 block
div:没有特殊含义的容器标签,多用于做网页布局,比如分区域或者分块
p: paragraph,段落标签,内部多是文字内容
ul:无序列表的容器标签,直系子元素尽可能是li
li: 列表项标签 (ul和li一块使用)
h1:一级标题标签
h2-h6: 标题标签
新标签,h5新增的语义化标签(浏览器通过标签名称判断内容的作用)
header: 网页的头部标签,通常使用一次
footer: 网页的底部标签,通常使用一次
main: 网页的主体标签,通常使用一次
article: 文章的容器标签
section: 文章(主体内容)的一部分或一小节
figure: 图片相关信息的容器标签
figcaption: 图片的描述信息,是figure的第一或者最后一个直系子元素
nav:navigation 主导航标签
2.行元素 inline 文本标签
a: 超链接标签
span: 没有任何特殊含义的文本标签
strong: 起强调作用的标签(文字默认加粗)
b: 加粗文字标签
u: 下划线标签
i: 斜字体标签
em: 斜字体标签
3.行内块元素 inline-block
img:导入图片的标签
标签特点:
1.默认情况下,大部分标签是成对存在的,极个别的标签只具备开始标签,这类标签被称为单标签,比如:meta, img, br等
<img src="" alt="" />
2.标签之间可以切换特性,display:block;
display:inline-block; display:inline;
</body>
</html>
CSS常用样式
最新推荐文章于 2022-06-21 12:27:26 发布