块级元素:独占一行
行内元素:不会独占一行,尺寸随内容的宽高变化,不能设置宽高
1.<h1>~<h6> 标签 字体依次变小 字体有加粗的效果 //块级元素
<h1></h1>
2.<p>标签 //块级元素
<p></p> :段落标签,p标签自带上下外边距16px
3.<hr / >:水平线标签
4.<span></span>没有任何默认样式,主要给css做样式 //行内元素
5.<br />:换行标签,br后面的内容换行显示
<wbr>换行标签,可以随着浏览器的大小进行换行
6.<b></b> 文本加粗显示 //行内元素
<strong></strong> 文本加粗显示 有强调的语义
7.<i></i>:没有任何语义,单纯的斜体 //行内元素
<em></em>:有强调的语义,包裹的文本显示为斜体。
8.<sup></sup>:上标 。<sub></sub>:下标
9. 表示一个空格符号 。 表示一个半角符号,一个英文字母的宽度. 表示一个全角符号,一个中文字符的宽度
10.<blockquote></blockquote>:表示引用一段名人名言,有默认的外边距 //块级元素
11.<cite></cite>:引用的内容出自某处或某人
12.<q></q>:表示内容用""包裹 //行内元素
13.<code></code>:表示内容是一段代码,默认显示为等宽字体样式 //行内元素
14.<mark></mark>:标记一段内容,背景显示为黄色 //行内元素
15.<pre></pre>:可以保留空格和换行,一般不适用,会使网页错版
16. <small></small> 缩小文本标签
17. <time></time> 日期文本标签 datetime 属性 (利于搜索引擎搜索)
18. <data></data> 数据标签
19. <address></address> 地址标签 默认斜体
20. <del></del> 删除线标签
21. <ins></ins> 插入本文标签
22. <abbr></abbr> 专业术语标签