如何在网页中添加文本和设置文本格式

优质
小牛编辑
151浏览
2023-12-01
了解如何在实时视图、代码视图中添加文本和设置其格式,或通过从 PSD 文件中提取文本和关联的属性来达到目的。

向文档添加文本

要向 Dreamweaver 文档添加文本,可直接在“文档”窗口中键入文本,也可剪切并粘贴文本。还可从其他文档导入文本。

当您将文本粘贴到 Dreamweaver 文档中时,可以使用“粘贴”或“选择性粘贴”命令。“选择性粘贴”命令允许您以不同的方式指定所粘贴文本的格式。例如,如果要将文本从带格式的 Microsoft Word 文档粘贴到 Dreamweaver 文档中,但是想要去掉所有格式设置,以便能够向所粘贴的文本应用自己的 CSS 样式表,您可以在 Word 中选择文本,将它复制到剪贴板,然后使用“选择性粘贴”命令选择只粘贴文本的选项。

当使用“粘贴”命令从其他应用程序粘贴文本时,可设置粘贴首选参数作为默认选项。

注意:Ctrl+V (Windows) 和 Command+V (Macintosh) 在代码视图中始终仅粘贴文本(无格式)。

  1. 若要将文本添加到文档,请执行下列操作之一:
    • 使用 Extract 面板从 PSD 作品中提取文本。有关详细信息,请参阅从 PSD 文件复制文本。
    • 将文本直接键入“文档”窗口。
    • 从其他应用程序复制文本,切换到 Dreamweaver,将插入点放置在“文档”窗口的设计视图中,然后选择“编辑”>“粘贴”或“编辑”>“选择性粘贴”。

    选择“编辑”>“选择性粘贴”时,可选择若干粘贴格式选项。

    还可以使用下列快捷键粘贴文本:

     

    粘贴选项

    键盘快捷键

    粘贴

    Ctrl+V (Windows)

    Cmd+V (Macintosh)

    选择性粘贴

    Ctrl+Shift+V (Windows)

    Cmd+Shift+V (Macintosh)

     

插入特殊字符

某些特殊字符在 HTML 中以名称或数字的形式表示,称为实体。HTML 包含版权符号 (©)、与号 (&)、注册商标符号 (®) 等字符的实体名称。每个实体都有名称(如 —)和数字等效值(如 —)。

注意:HTML 在其代码中使用尖括号 <>,但可能需要将大于号或小于号表示为特殊字符,以免 Dreamweaver 将其解释为代码。在这种情况下,使用 &gt; 表示大于号 (>),使用 &lt; 表示小于号 (<)。

不巧的是,许多旧版浏览器无法正确显示多种命名实体。

  1. 在“文档”窗口中,将插入点放在要插入特殊字符的位置。
  2. 执行下列操作之一:
    • 从“插入”>“HTML”>“字符”中选择字符名称。
    • 在“插入”面板的“HTML”类别中,单击“字符”选项并从弹出菜单中选择字符。

    注意:还有很多其他特殊字符可供使用;若要选择其中的某个字符,请选择“插入”>“HTML”>“字符”>“其他...”或者单击“插入”面板的“HTML”类别中的“字符”按钮,然后选择“其他字符”选项。从“插入其他字符”对话框中选择一个字符,然后单击“确定”。

在字符之间添加空格

HTML 只允许字符之间有一个空格;若要在文档中添加其他空格,必须插入不换行空格。可以设置一个在文档中自动添加不换行空格的首选参数。

插入不换行空格

  1. 执行下列操作之一:
    • 选择“插入”>“HTML”>“特殊字符”>“不换行空格”。
    • 按 Ctrl+Shift+空格键 (Windows) 或 Option+空格键 (Macintosh)。
    • 在“插入”面板中,选择“HTML”,单击“字符”按钮并选择“不换行空格”选项。

设置添加不换行空格的首选参数

  1. 选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)。
  2. 在“常规”类别中确保选中“允许多个连续的空格”。

添加段落间距

Dreamweaver 的工作方式类似于多种文字处理应用程序:按 Enter (Windows) 或 Return (Macintosh) 创建新段落。Web 浏览器在段落之间自动插入一个空白空格行。通过插入一个换行符,可以在段落之间添加一个空格行。

添加段落换行

  1. 按 Enter (Windows) 或 Return (Macintosh)。

添加换行符

  1. 执行下列操作之一:
    • 按 Shift+Enter (Windows) 或 Shift+Return (Macintosh)。
    • 选择“插入”>“HTML”>“特殊字符”>“换行符”。
    • 在“插入”面板中,选择“HTML”,单击“字符”按钮并选择“换行符”。

创建项目列表和编号列表

在“文档”窗口中键入时,可以用现有文本或新文本创建编号列表、项目列表和定义列表。

定义列表不使用项目符号点或数字这样的前导字符,并且通常用于词汇表或说明。列表还可以嵌套。嵌套列表是包含其他列表的列表。例如,您可能希望编号或项目列表嵌套在其他编号列表中。

使用“列表属性”对话框可以设置整个列表或个别列表项目的外观。可以为个别列表项目或整个列表设置编号样式、重设编号或设置项目符号样式选项。

创建新列表

  1. 在 Dreamweaver 文档中,将插入点放置在要添加列表之处,然后执行以下某项操作:
    • 在 HTML 属性检查器中,单击“编号列表”或“列表项目”。
    • 选择“插入”>“HTML”,然后选择所需的列表类型:“无序(项目)列表”或“有序(编号)列表”。

      随后将在“文档”窗口中显示指定列表项的前导字符。

  2. 键入列表项目文本,然后按 Enter (Windows) 或 Return (Macintosh) 创建其他列表项目。
  3. 若要完成列表,请按两次 Enter (Windows) 或按两次 Return (Macintosh)。

使用现有文本创建列表

  1. 选择一系列段落组成一个列表。
  2. 选择“插入”>“HTML”>“无序列表”或“编号列表”或“列表项目”。

创建嵌套列表

  1. 选择要嵌套的列表项目。
  2. 右键单击并选择“列表”>“缩进”。

    Dreamweaver 缩进文本并创建一个单独的列表,该列表具有原始列表的 HTML 属性。

  3. 按照上面使用的同一过程,对缩进的文本应用新的列表类型或样式。

设置整个列表的列表属性

  1. 在“文档”窗口中,至少创建一个列表项目。新样式将自动应用于添加到列表的其他项目。
  2. 将插入点放到列表项目的文本中,然后右键单击并选择“列表”>“属性”。系统将显示“列表属性”对话框。
  3. 设置要用来定义列表的选项:

    列表类型

    指定列表属性,而“列表项目”指定列表中的个别项目。使用弹出菜单选择项目、编号、目录或菜单列表。根据所选的“列表类型”,对话框中将出现不同的选项。

    样式

    确定用于编号列表或项目列表的编号或项目符号的样式。所有列表项目都将具有该样式,除非为列表项目指定新样式。

    开始计数

    设置编号列表中第一个项目的值。

  4. 单击“确定”设置所做的选择。

设置列表项目的列表属性

  1. 在“文档”窗口中,将插入点放在要进行操作的列表项目的文本中
  2. 右键单击并选择“列表”>“属性”。
  3. 在“列表项目”下,设置您要定义的选项:

    新建样式

    为所选列表项目指定样式。“新建样式”菜单中的样式与“列表类型”菜单中显示的列表类型相关。例如,如果“列表项目”菜单显示“项目列表”,则“新建样式”菜单中只有项目符号选项可用。

    重设计数

    设置用来从其开始为列表项目编号的特定数字。

  4. 单击“确定”设置选项。

搜索和替换文本

有关查找和替换文本的信息,请参阅查找和替换文本。

定义缩写和匿名

使用 HTML 提供的标签,可以定义在页面中用于搜索引擎、拼写检查器、语言转换程序或语音合成器的缩写和匿名。例如,您可能要在页面中指定缩写 ME 来代表机械工程师,或者指定首字母缩写词 WHO 来代表世界卫生组织。

  1. 在页面文本中选择缩写或首字母缩写词。
  2. 选择“插入”>“HTML”>“文本对象”>“缩写”或者选择“插入”>“HTML”>“文本对象”>“首字母缩写词”。
  3. 输入该首字母缩写词或缩写的完整文本。
  4. 输入语言,例如 en 表示英语,de 表示德国,it 表示意大利。

设置复制和粘贴首选参数

当使用“编辑”>“粘贴”从其他应用程序粘贴文本时,可以将选择性粘贴首选参数设置为默认选项。例如,如果始终要将文本粘贴为纯文本或带有基本格式设置的文本,可以在“复制/粘贴首选参数”对话框中设置默认选项。

注意:当您将文本粘贴到 Dreamweaver 文档中时,可以使用“粘贴”或“选择性粘贴”命令。“选择性粘贴”命令允许您以不同的方式指定所粘贴文本的格式。例如,如果要将文本从带格式的 Microsoft Word 文档粘贴到 Dreamweaver 文档中,但是想要去掉所有格式设置,以便能够向所粘贴的文本应用自己的 CSS 样式表,您可以在 Word 中选择文本,将它复制到剪贴板,然后使用“选择性粘贴”命令选择只粘贴文本的选项。

注意:“复制/粘贴首选参数”对话框中设置的首选参数仅适用于粘贴到设计视图中的内容。

  1. 选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)。
  2. 单击“复制/粘贴”类别。
  3. 设置下列选项,然后单击“确定”。

    纯文本

    粘贴无格式文本。如果原始文本带有格式,所有格式设置(包括分行和段落)都将被删除。

    带结构的文本

    粘贴文本并保留结构,但不保留基本格式设置。例如,您可以粘贴文本并保留段落、列表和表格的结构,但是不保留粗体、斜体和其他格式设置。

    带结构的文本以及基本格式

    可以粘贴结构化并带简单 HTML 格式的文本(例如,段落和表格以及带有 b、i、u、strong、em、hr、abbr 或 acronym 标签的格式化文本)。

    带结构的文本以及全部格式

    可以粘贴文本并保留所有结构、HTML 格式设置和 CSS 样式。

    注意:“完整格式”选项不能保留来自外部样式表的 CSS 样式,如果从其中获取粘贴内容的应用程序在将内容粘贴到剪贴板时没有保留样式,此选项也不能保留样式。

    保留换行符

    可保留所粘贴文本中的换行符。如果选择了“仅文本”,则此选项将被禁用。

    清理 Word 段落间距

    如果选择了“带结构的文本”或“带结构的文本以及基本格式”,并要在粘贴文本时删除段落之间的多余空白,请选择此选项。

    将智能引号转换为直引号将智能引号转换为直引号。

更多此类内容

  • 视频教程:如何处理 HTML 文本
  • 从 PSD 文件中提取文本
  • 设置 CSS 属性
  • 查看代码
  • 正则表达式