HTML对文字的布局
该章节主要是学习如何对文字进行布局,例如分段、添加列表、插图等等。
p--分段
使用p标签进行分段
div--自定义结构
div本身没有任何意义,但可以通过css和id自己定义结构
pre--不改变原有的排版
pre用于那些已经排版好的文字,pre中的空格不会被浏览器默认删除
blockquote--引用大段的内容
pre用于引用大段的内容,在显示上会增加文字的两端边距。并且有cite属性,可以连接引用的链接。
hr--分割内容
hr用于分割内容,在显示上是会有一条横线。
figure--插图
figure插图的标志figcaption插图的标题(仅能放在figure标签的第一个或最后一个)
列表的介绍
ol--有序列表
ol里面还会包含il标签。
ol标签里面拥有多个属性
start表示列表开始的序号type表示序号的样式。样式有1十进制;a字母;A大写字母;i罗马数字;I大写罗马数字。reversen表示倒叙
il标签中拥有value属性,可以给自己设置序号(仅当父元素为ol时可用)。
<ol>
<il>...</il>
<il>...</il>
<il>...</il>
</ol>
ul--无序列表
与ol基本一样,只不过没有序号。
dl、dt、dd--说明列表
dl说明列表的标志dt说明列表中的术语dd说明列表的定义
<dl>
<dt>联系我们</dt>
<dd>新浪微博</dd>
<dd>微信公众号</dd>
<dd>电话</dd>
</dl>