27、网页内容编辑与布局全攻略

网页内容编辑与布局全攻略

1. 网页内容基础

网站的核心在于内容，一个优秀的网站不仅要美观，还要便于导航。网站内容主要有文本、图形和链接三种基本类型，可通过 HTML 和 CSS 对这些内容进行编排和样式设置。

2. 文本的添加与编辑

2.1 添加文本

若熟悉 Microsoft Word，那么在 Expression Web 中处理文本会很容易上手。添加文本时，只需在编辑窗口中点击想要输入文本的位置，然后开始输入。若不在其他元素内（页面主体除外），Expression Web 会自动在文本周围添加段落（ <p> ）元素。输入文本时，它的表现与 Word 相似：
- 到达行尾时文本自动换行。
- 按下 Enter 键关闭当前段落并创建新段落。
- 按下 Shift + Enter 键开始新行但仍在同一段落内，此时会添加换行（ <br> ）元素。
- 也可通过双击工具箱中的 Break 标签添加换行。

2.2 直接格式化文本

可从常用工具栏直接对文本进行格式化，操作方式与在 Word 中类似。常见的格式化选项如下：
| 选项 | 说明 |
| ---- | ---- |
| 样式 | 样式下拉列表显示传统 HTML 段落样式，如段落（默认）、标题 1 - 6、预格式化（等宽字体）以及一系列列表和定义样式。列表样式也可通过项目符号和编号列表按钮应用。 |
| 字体 | 字体下拉列表显示可应用于文本的字体，Web 字体通常以字体族形式应用。 |