块级元素
1.独占一行,不和其他元素待在同一行
2.能设置宽高
标签 | 是否为单标签 | 标签属性 | 备注 |
<h1></h1>......<h6><h6> | 双标签 | 块级元素 | 标题标签,自动加粗,h1最大,h6最小 |
<hr/> | 单标签 | 块级元素 | 水平线标签,添加一条水平线 |
<p></p> | 双标签 | 块级元素 | 段落标签 |
<br/> | 单标签 | 块级元素 | 换行标签 |
<pre></pre> | 双标签 | 块级元素 |
浏览器默认显示样式:1、显示为等宽字体。 2、代码中的换行、
空格等元素能在浏览器中显示。
|
<ol><li>...</li></ol> |
双标签 | 块级元素 | 有序列表 |
<ul><li>...</li></ul> | 双标签 | 块级元素 | 无序列表 |
<dl><li>...</li></dl> | 双标签 | 块级元素 | 定义列表 |
<div></div> | 双标签 | 块级元素 | 分区标签 |
行内标签
1.能和其他元素待在同一行
2.不能设置宽高
标签 | 是否为单标签 | 标签属性 | 备注 |
<span></span> | 双标签 | 行内标签 | 无意义标签 |
<a></a> | 双标签 | 行内标签 | 超链接标签 |
<strong></strong> | 双标签 | 行内标签 | 强调标签,会加粗 |
<u></u> | 双标签 | 行内标签 | 下划线标签 |
行内块标签
1.能和其他元素待在一行
2能设置宽高
标签 | 是否为单标签 | 标签属性 | 备注 |
<img/> | 单标签 | 行内块 | 图片标签 |
<input/> | 单标签 | 行内块 | 表单标签 |