HTML 网页设计参考手册 ·30· 文字与段落第 章 标题文字的建立 文字格式标记 段落标记 水平线标记 其他标记 在 网 页 创 作 中 , 文 字 是 最 基 本 的 元 素 之 一 。 增 加 文 字 的 易 读 性 , 让 浏 览 者 在短 时 间 内 阅 读 更 多 、 理 解 更 多 信 息 , 并 达 到 视 觉 艺 术 及 传 达 的 功 能 是 网 页 创 作 者追 求 的 目 标 。 本 章 将 介 绍 各 种 文 字 标 记 的 使 用 方 法 。 第3 章 文字与段落 ·31·3.1 标题文字的建立 在浏览网页时,常常看到一些标题文字,用于对文本中的章节进行划分,它们以固定的字号显示。HTML 文档中的标题文字分别用来指明页面上的 1~6 级标题。 3.1.1 标题文字标记 标题文字共包含 6 种标记,分别表示 6 个级别的标题,每一级别的字体大小都有明显的区别,从 1级~6 级依次减小。 语法: 1 级标题:
…
2 级标题:…
依次下去,到 6 级标题。 说明:在该语法中,1 级标题使用最大的字号表示;6 级标题使用的是最小的字号。 实例代码: 标题文字的效果 1级标题的效果
2级标题的效果
3级标题的效果
4级标题的效果
5级标题的效果
6级标题的效果
运行这段代码可以看到网页中 6 种不同大小的标题文字,如图 3-1 所示。 3.1.2 标题文字的对齐方式——align 默认情况下,标题文字是左对齐的。而在网页制作的过程中,可以实现标题文字的编排设置。对于文字标题的属性设置中,最常用的就是关于对齐方式的设置,这需要使用align 参数进行设置。 语法:align =对齐方式 说明:在该语法中,align 属性需要设置在标题标记的后面,其对齐方式的取值见表 3-1。 图 3-1 标题文字效果 HTML 网页设计参考手册 ·32·表3-1 标题文字的对齐方式 属 性 值 含 义 left 左对齐 center 居中对齐 right 右对齐 实例代码: 标题文字的对齐效果 1级标题的默认对齐效果
2 级标题的左对齐效果