文字布局与文字效果

1       标题标记

<h1>…</h1>

      <h2>…</h2>

            <h3>…</h3>

                  <h4>…</h4>

                        <h5>…</h5>

h1一级标题在一个页面中最好出现不超过1次，一般用于网站标题或头条新闻。h2二级标题主要出现在页面主题内容的文章标题和栏目标题上。h3三级标题一般出现在页面的边侧栏上。页面层级标题不能太多，所以h4、h5和h6一般出现得较少。

2       使用font标记设置文字得大小、字体以及颜色

① 设置文字大小

② 设置文字字体

③ 设置文字颜色

<font size=”文字大小” face=”字体的名称” color=”字体得颜色”>被设置的文字</font>

3       粗体与斜体

① 设置文字粗体

<b>被加粗的文字</b>

<strong>被加粗的文字</strong>

② 设置文字斜体

<i>斜体的文字</i>

<em>斜体的文字</em>

<cite>斜体的文字</cite>

4       上标与下标

^上标内容

_下标内容

5       删除线与下划线

① 设置文字删除线

<strike>删除的文字</strike>

<s>删除的文字</s>

② 设置文字下划线

<u>有下划线的文字</u>

<ins>有下划线的文字</ins>

6       使用p标记设计段落格式

① 使用<p>开始一个新段落

<p>段落的内容</p>

② 设置一个段落文字的对齐方式

<p align=”对齐方式”></p>

align的取值可为left、right和center。

③ 设置段落的文字方向

<bdo dir=”文字方向”>文字内容</bdo>

④ 空字符 &nbsp;

在HTML网页中使用空格键无效（因为多个空格键浏览器都看成一个空格）。空字符 “&nbsp;”里面的符号和字母都是半角状态的。

⑤ 换行标记<br>

换行标记br在不另起一段的情况下将当前文本强制换行。该标记无结尾标记。

7       水平线

<hr width=”宽度” size=”高度” color=”水平线的颜色” align=”对齐方式” noshade>

水平线可以在网页中分隔网页的内容，使网页内容结构清晰，层次分明，便于浏览。其中，width属性可以是绝对的像素值，也可以是相对的百分比；size属性值只能用绝对的像素值来定义；color属性用来设置水平线的颜色；align属性用来设置水平线的对齐方式；noshade可以在网页中去掉水平线的阴影。

8       文字滚动

使用marquee标记里的各种属性设置文字滚动效果。

① 滚动方向

② 滚动方式

③ 滚动次数

④ 滚动速度

⑤ 滚动延迟

⑥ 滚动区域的背景颜色

⑦ 滚动背景宽度和高度

<marquee direction=”滚动方向” behavior=”滚动方式” loop=”滚动次数” scrollamount=”滚动速度” scrolldelay=”时间间隔” bgcolor=”背景颜色” width=”背景宽度” height=”背景高度”>滚动的文字</marquee>