第九章 组织内容

174 阅读1分钟

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>