块级标签
1)div标签
div标签:搭建网页结构的基本标签,无语义标签,双标签宽度:100% ; 高度自适应;独立成行——默认垂直布局。
<div></div>
2)标题标签
标题标签:h系列标签h1-h6,h1定义最大标题(同一个页面中h1只能使用一次),从h1-h6大小依次减小,重要程度依次减弱,宽度100%,高度自适应,独立成行——默认垂直布局,自带间距和加粗。
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
3)段落标签
段落标签:p标签,用于排版大段文本,双标签,宽度100%,高度自适应,独立成行——默认垂直布局,自带间距。
<p></p>
4)强制换行标签
强制换行标签: br标签,单标签,空的HTML元素
<br>
5)列表标签
列表标签:无序列表ul>li ,列表符为实心圆,宽度100%,高度自适应,独立成行——默认垂直布局,自带间距、填充;自带列表符。
<ul>
<li></li>
</ul>
清除自带列表符:
{list-style:none;}
列表符样式:
{
list-style : disc; /*实心圆*/
list-style: circle; /*空心圆*/
list-style: decimal; /*数字*/
list-style: square; /*正方形*/
}
6)有序列表
有序列表:ol>li,默认使用数字标记<ol start="2">
。
start属性:开始值;
type属性:列表项的符号类型1、a、A、i、I;
reversed=“reversed”:倒序,简写为reversed。
<ol>
<li></li>
</ol>
7)自定义列表
自定义列表:dl>dt/dd,
dt:列表标题或专业术语;
dd:列表项或专业术语的解释;
注意:浏览器中,dd内容默认会缩进显示;
宽度:100%,高度自适应,独立成行——默认垂直布局。
<dl>
<dt></dt>
</dl>
<dl>
<dd></dd>
</dl>