显示/隐藏

KompoZer 帮助中心

设置网页格式

译者：TeliuTe 来源：基础教程网

设置段落、标题、列表格式

要在 KompoZer 中给段落、标题、列表应用格式，请按以下操作:

1. 点击要设置格式的位置，把光标插入点放在其中，或者选中要设置格式的文本。
2. 在格式工具栏中点击下拉列表，选择段落格式:
3. • 正文: 使用默认的字体和样式显示正常的文本，在文本的前后没有空白。
   • 段落: 插入一个段落标记(并开始一个新的段落)，段落上下方有空白 。
   • 标题 1 - 标题 6: 把段落设置为标题，标题 1 是最高一级标题，标题 6 是最低一级标题。
   • 地址: 可以用来“标识”一个网页，指示页面的作者或联系人，例如: user@example.com

     您可能想包括日期和版权声明，这个格式通常出现在页面的底部一条水平线的下面，地址显示为斜体格式。

   • 预格式化: 这通常用于一些元素，例如，代码示例、列数据、邮件消息等您想用固定宽度字体显示的内容。对于普通文本，大多数浏览器会删除多余的空格、制表符和段落回车，但是，使用预格式化样式，则会显示原来的完整空格样式。

设置文本为一个标题:

1. 点击要设为标题的文本，把光标插入点放在文本内。
2. 点击格式工具栏上的下拉列表，选择您想设置的标题级别，从1(最大)到6(最小)。选择“标题1”用于您的主标题，“标题2”用于下一级标题，依此类推。

给列表项应用格式:

1. 点击要设为标题的行，把光标插入点放在文本内。
2. 打开格式菜单，然后选择列表。
3. 选择列表样式:
4. • 符号: 每个项目前面都有一个符号(在这个列表里)。
   • 编号: 项目是排序的。
   • 组 和 自定义: 这两个样式一同工作，创建一个词汇样式。使用组标记定义词，使用自定义标记设定词的描述，组定义的词左对齐，而自定义标记缩进一些。

小提示: 您可以选中一个文本块，然后点击工具栏上的编号样式按钮 或者符号样式按钮 快速设置样式列表。

更改符号样式或编号样式:

1. 点击想要更改的列表，把光标插入点放在文本内，或者选择一个或多个想要应用新样式的列表项。
2. 点击格式菜单选择列表属性。
3. 在下拉列表中选择符号或编号样式，对于编号列表，您可以指定一个起始值，对于符号列表，您可以改变符号样式。

小提示: 您也可以双击一个列表的符号或编号，在出来的属性对话框中修改。

给页面里的一个段落或文本设置对齐方式，例如，居中、左对齐、右对齐:

1. 点击想要设置对齐的段落或文本，把光标插入点放在段落内。
2. 点击格式菜单选择对齐，然后选择一种对齐方式选项。

注意: 您也可以使用格式工具栏中的按钮来设置对齐方式。

[ 返回到开头 ]

使用列表

结束列表继续输入正文:

• 点击列表结尾，把光标插入点放在列表最后，然后按回车键两次(Mac 系统是 Return 键)结束列表。

把一个或多个列表项更改为正文:

1. 点击列表把光标插入点放到列表里，或者选中列表项。
2. 在编号样式列表里，点击格式工具栏上的编号按钮(或者符号列表里点击符号按钮)

在列表项下一行，继续输入缩进文本:

1. 点击列表把光标放入列表中或行尾。
2. 按组合键 Shift + 回车键 创建一个悬挂缩进。
3. 继续输入文本内容。
4. 继续按 Shift + 回车键 创建另一个缩进段落，或者按回车键创建下一列表项。

小提示: 您可以点击工具栏上的相应按钮，来增加或减少缩进，先要把光标定位到列表项中，另外，按 Tab 键也可以增加一个缩进级别，按 Shift+Tab 减小一个缩进级别。

合并两个相邻的列表:

1. 选中两个列表，确保选中了所有列表项，注意在这两个列表之间的文本也会被合并进来。
2. 点击工具栏上的符号列表或编号列表按钮，从而合并两个列表。

[ 返回到开头 ]

更改文本颜色、样式、字体。

改变选中文本的样式、颜色、字体:

1. 选中要更改的文本。
2. 点格式菜单，选择下面的一项菜单:
3. • 字体:这个菜单选择字体，如果您想让访问者的浏览器指定，请选择可变宽度或固定宽度。

     注意: 不是所有您计算机上的字体都能显示，相反有些特殊的字体，不能在所有访问者的网页中显示，最好的方法就是在菜单里选择一种，可以在各种系统上都能显示的字体。例如， Helvetica, Arial, Times, Courier 字体，在各种计算机上看着基本相同，如果您选择其他字体，浏览者在不同的计算机上，有可能页面看着就不相同。

   • 大小: 这个菜单设定 相对 字体大小，选择增大或减小文本大小(相对于周围的文本)。
   • 文本样式: 这个菜单选择文本的样式，比如斜体、粗体、下划线，或是应用一个结构样式，像代码等。
   • 文本颜色: 这个菜单将从拾色器里选择一个颜色。如果您知道 HTML 十六进制颜色代码，也可以直接输入，或者输入颜色的名称(例如蓝色是"blue")。您可以在这里找到 颜色代码转换。

改变页面背景色:

1. 在页面里点一下鼠标。
2. 点击工具栏上的背景颜色块。
3. 在出来的背景颜色对话框里选择一种颜色。
4. 点确定。

小提示: 要快速更改文本颜色为上次使用的颜色，按住 Shift 键点工具栏上的文本颜色按钮。这在您想对两个不同行的文本，使用同一种颜色时很方便。

您也可以使用一幅图片作为背景，请参阅: 设置页面颜色和背景。

[ 返回到开头 ]

删除或取消文本样式

要删除选中文本的所有样式(粗体、斜体等等):

1. 选中此文本。
2. 点格式菜单，然后选删除所有文本样式。
3. 继续输入。

接着输入没有样式的文本:

1. 把光标定位到要输入没有样式文本的地方。
2. 点格式菜单，然后选取消文本样式。
3. 继续输入的就是无格式文本了。

[ 返回到开头 ]

查找和替换文本

在当前页查找文本:

1. 把光标定位到您想开始搜索的地方。
2. 点编辑菜单，然后选查找和替换，出来一个查找替换对话框。
3. 在“查找”框里输入您想查找的文本，要缩小搜索范围，打勾选中下面的选项:
   • 匹配大小写: 指定搜索内容是区分大小写的。
   • 循环: 指定搜索到页尾后，返回到开头继续搜索。
   • 反向搜索: 指定搜索方向是从光标位置向前搜索。
4. 点击查找下一个开始搜索，当 KompoZer 定位到第一个匹配项时，点查找下一个定位到第二个匹配项。
5. 完成后点关闭结束查找。

查找并替换当前页的文本:

1. 把光标定位到您想开始搜索的地方。
2. 点击编辑菜单，然后选择查找和替换，出来一个查找替换对话框。
3. 分别输入您想查找以及要替换的文本。
4. 要缩小搜索范围，打勾选中下面的一个或几个选项:
   • 匹配大小写: 指定搜索内容是区分大小写的。如果您不选中此项，搜索出来的文本包括大写和小写字母。
   • 循环:指定搜索到页尾后，返回到开头继续搜索。
   • 反向搜索:指定搜索方向是从光标位置向前搜索。
5. 点击查找下一个搜索下一个匹配项， KompoZer 选中下一个匹配项文本。
6. 点击替换按钮，替换选中的匹配项。点替换并继续查找，替换选中的文本然后查找下一个匹配项，点全部替换将会替换所有的匹配项文本。
7. 点关闭完成查找替换。

[ 返回到开头 ]

插入水平线

水平线是文档中典型的一种分割章节的元素。要在文档中插入一条水平线(也称为标尺)，在 KompoZer 窗口中如下操作:

1. 把光标定位到您想插入水平线的位置。
2. 点击插入菜单，然后选择水平线。

设置水平线属性。

您可以自定义水平线的高度、长度、宽度、对齐和阴影。

1. 瞄准水平线双击，就会出来属性对话框。
2. 编辑下面的这些属性:
   • 宽度: 输入宽度并选择 "% 的窗口" 或 "像素"，如果您指定的是百分比，当 KompoZer 窗口或者浏览器窗口大小改变时，水平线的宽度也会改变。
   • 高度: 输入一个数指定水平线的高度 (像素)。
   • 3-D 阴影: 选择此项为水平线添加一个立体阴影效果。
   • 对齐: 指定水平线的对齐方式(左、居中、右对齐)。
3. 点击设为默认值，下次添加水平线自动使用这些设置。
4. 要手动编辑水平线的属性，点高级编辑，更多信息请参阅: 高级属性编辑器。

小提示: 您可以在查看菜单中选择“HTML 标记”，所有的 HTML 元素显示为黄色小盒子，点击黄色标记，就会选中这个标签里的所有内容，双击标记就会显示 高级属性编辑器 对话框。

[ 返回到开头 ]

插入特殊字符

要插入特殊字符比如重音符号，版权符号或者货币符号:

1. 把光标定位到您想插入特殊字符的位置。
2. 点击插入菜单，然后选特殊字符和符号，出来一个插入字符对话框。
3. 选择一个字符分类。
   • 如果您选择了大写重音或者小写重音，在字符下拉列表中也会是相应的字符。 (注意: 不是所有的字符具有重音格式。) 选择通用符号插入特殊字符，例如版权符号或分数等。
4. 在字符下拉列表中，选择您想要插入的字符。
5. 点击插入按钮。

   您可以继续您的文档(或者在一个邮件编写窗口)，而保持这个对话框开着，以方便您下一次插入字符。

6. 点击关闭按钮完成字符插入。

[ 返回到开头 ]

插入 HTML 元素和属性

如果您不太明白如何在 HTML 源代码方式下操作，您可以在页面插入额外的标记、样式属性和 JavaScript。如果您不确定如何使用 HTML 源代码，最好是别动它，要使用 HTML 源代码，可以使用下面的一种方法:

• 把光标定位到您想插入 HTML 代码的位置，或者选中您想编辑的文本，然后点插入菜单，选择 HTML，在插入 HTML 对话框中，输入 HTML 标记和文本，然后点插入按钮。
• 选择一个元素，比如一个表格、锚点、图片、链接或者水平线，双击这个元素，打开关联的属性对话框，点高级编辑按钮打开高级属性编辑器，您可以使用高级属性编辑器来添加 HTML 属性、JavaScript、CSS。
• 点查看菜单，然后选择 HTML 源代码，或者点击 KompoZer 窗口底部，编辑模式工具栏里的 <HTML> 源代码标签S(如果您没有看到编辑模式工具栏，点查看菜单选择显示/隐藏，确保编辑模式工具栏是勾选的。)

使用高级属性编辑器

要给对象添加 HTML 属性和 JavaScript，例如表格、图片和水平线，您可以使用高级属性编辑器。

注意: 除非您非常清楚如何添加、删除、修改 HTML 属性和它们相关的值，否则请最好别动它们。

如果你正在查看高级属性编辑器，请按照下面的步骤操作:

1. 点查看菜单(或者编辑模式工具栏)，选择 HTML 标记。
2. 双击您想修改的对象，打开属性对话框。
3. 点高级编辑按钮打开对象的高级属性编辑器，高级属性编辑器有三个标签，分别列出了当前对象的不同属性:
   • HTML 属性: 点击此标签查看或输入额外的 HTML 属性。
   • 内联样式: 点击此标签查看或输入额外的 CSS(层叠样式表) <style> 属性。更多 KompoZer 中使用 CSS 样式表的信息，请参阅: KompoZer 首选项。
   • JavaScript 事件: 点击此标签查看或输入 JavaScript 事件。
4. 要编辑三个标签里的属性，选中您想编辑的属性，然后在对话框底部的文本框中编辑属性的名称和它的值。要添加一个新的属性，只要输入它的名称，在输入它的值后新属性将自动添加到列表中。要删除一个属性，在列表中选中它，然后点删除按钮。

   注意: 需要先在列表中选中使它高亮显示。

5. 点确定按钮应用更改，关闭高级属性编辑器。
6. 再点确定按钮退出属性对话框。

KompoZer 自动选中标记包含的属性文本。

[ 返回到开头 ]

验证 HTML

在您上传您的文档之前(例如发布它)，一个好的经验是先检查一下文档的 HTML 格式 以确保它与网站标准相一致，文档不符合 HTML 标准容易造成不同的浏览器出现错误。只是 用您喜欢的浏览器检查网页外观，不能确保其他浏览器也能正确显示。

KompoZer 提供了一个方便的方法让您检查文档是否符合W3C(World Wide Web 规范) HTML标准。KompoZer 使用 W3C HTML 验证服务，可以检查文档的 HTML 格式是否符合 HTML 4.01 标准。这个服务还提供如何纠正错误的信息。

注意: 您需要连接到互联网才能使用这个特性。

验证您文档的 HTML 格式:

1. 点工具菜单，然后选择验证 HTML，如果您还没有保存更改，KompoZer 会要求您操作前先保存文档。
2. KompoZer 将打开另一个窗口，当 W3C 验证服务程序分析完您的文件后，会显示验证结果在这里。

[ 返回到开头 ]

选择正确的编辑模式

一般地，您不需要更改标记默认的普通编辑模式，当然，如果您需要编辑 HTML 源代码， 您可能想更改编辑模式。

KompoZer 允许您在四个编辑模式或视图之间快速切换，每一种模式都允许您 继续编辑文档，但是显示不同的 HTML 标记(和标记图标)。

在您选择一种编辑模式前:

• 点击查看菜单，选择显示/隐藏，确保勾选了编辑模式工具栏。

编辑模式工具栏有六个标签:

• 普通: 选择此编辑模式，您将会看到文档在浏览时的外观样式， 显示表格的边框线和锚点标记，而其他的 HTML 标记会隐藏。
• HTML 标记: 选择此模式会显示所有 HTML 标记图标。
• <HTML> 源代码: 选择此模式查看并编辑没有格式的 HTML 源代码，在您保存文档时，自动回到普通编辑模式。
• 预览: 选择此模式，显示为在浏览器窗口中查看的效果，只是链接和 JavaScript 功能还不能使用。

注意: JavaScript 功能、表单、链接、Java、元标记对象、GIF 动画文件，在任何一个模式里都不能激活，要显示这些项目的激活状态，点常用工具栏上的浏览按钮，在浏览器窗口中查看它们。

[ 返回到开头 ]

使用状态栏设置网页格式

KompoZer 有一个新特性，通过状态栏给选中的文本编辑和应用类或 id 内联样式。 除了使用 <HTML> 源代码 模式外，状态栏也可以编辑全部的样式。

• 选择 点击一个“选择器”将会选中这个标记包含的文本项。
• 删除标记 点击“删除标记”将会删除样式标记，这个标记的所有样式都被删除。
• 更改标记 使用此选项，用户可以更改标记使用最近一次的效果，点击“更改标记”标签的文本变为可编辑状态，输入另外的标记然后按回车键，将会给标记应用网页默认的属性.
• 内联样式，在普通、HTML 标记或预览模式中，光标所在位置的标记显示在状态栏中，通过上下文菜单可以更改样式属性，要更改内联样式属性:
  1. 在状态栏的标记上点右键。
  2. 选择“内联样式”
  3. 选择您想编辑的属性:
     • 文本属性
     • 边框属性
     • 背景属性
     • 盒属性
     • 声音属性
     • 提取并创建普通样式

  除了最后一个，点击其他选项将打开 CaScadeS CSS 编辑器(更多 CaScadeS 相关在 使用样式表 章节)。在打开的面板里，用户可以创建自己的样式，这些会保存为符合 W3C CSS 代码的样式。

  提取并创建普通样式 选项允许用户提取样式信息，并保存为一个外部/内部样式表。

• 模板 提供了两个选项，“可编辑”和“可删除区域”，用在模板中。更多相关信息请参阅: 使用模板。
• ID 从当前样式表显示 ID 标记(如果可用)，要给选中的文本应用一个特定的标记，只要点击那个 ID 标记即可。
• 类 从当前样式表显示类标记(如果可用)，要给选中的文本应用一个类，只要点击那个类标记即可。
• 高级属性 允许您使用高级属性编辑器，给一个对象添加 HTML 属性和 Javascript，例如表格、图片、链接等等。更多相关信息，请参阅: 高级属性编辑器。

[ 返回到开头]

[返回目录] [上一页] [下一页]

© 2004-2009 Nvu, KompoZer 帮助文档项目贡献者，版权所有。