目录:
视频: 17.Dreamweaver格式化文本(2)删除线、上标、下标 2024
许多人对Dreamweaver中如何使用文本和图像创建基本网页的方式感到惊喜。您可以使用Dreamweaver的HTML格式选项(包括标题和段落标记)来进行基本的文本格式设置。首先从这些基本的HTML标签开始,让事情变得简单。
如何在Dreamweaver的网页中添加文本
要将文本添加到页面,只需单击以将光标插入页面顶部并键入。如果要添加其他位置的文本,例如在Microsoft Word中创建的文件中,则可以将文本复制并粘贴到Dreamweaver中,而不是重新输入文本。
<! - 1 - >当您从另一个程序中复制和粘贴文本时,Dreamweaver提供了许多维护格式的方法。当您从Microsoft Word复制文本时,此功能尤其重要,因为如果您只是按原样粘贴文本,则可能包含许多Microsoft Word特有的额外代码,并可能导致网页出现问题。
当您通过更改复制/粘贴类别中的首选项来选择编辑→粘贴时,可以更改Dreamweaver处理格式的默认方式。每次粘贴新内容时,您也可以选择编辑→选择性粘贴来显示这些选项。
以下是选择编辑→选择性粘贴时插入文本的四个主要选项,以及三种方法来优化您的选择:
-
仅文本: Dreamweaver去除任何格式并插入纯文本。
-
带结构的文本: Dreamweaver包含段落,列表,表格和其他结构格式选项。
-
具有Structure Plus的文本基本格式: Dreamweaver包含结构格式以及基本格式,如粗体和斜体。
-
带结构的文本加格式: 除了以前的选项,Dreamweaver还包括在诸如Microsoft Word之类的程序中由样式表创建的格式。
-
保留换行符: 即使不保留其他格式化选项,也会保留换行符。如果选择“仅文本”,则此选项不可用。
-
清理单词段落间距: 此选项可删除Microsoft Word特有的特殊格式代码,对Web上的文本不需要(而不推荐)。
-
将智能引号转换为直线引号: 智能引号 - 设计者喜欢在打印文档中使用的花式引号的常用名称 - 需要在网络上正确显示特殊字符,并且该特殊字符不适用于所有网页浏览器。为了避免这个潜在的问题,选择这个框,并把你所有的聪明报价转换成直的。
如何使用Dreamweaver中的标题标签设置文本格式
标题的最佳格式选项之一是标题标签的集合。在HTML中,使用标题标签(
,
等)来格式化作为标题或标题的文本具有许多优点。标题标签被设计为以相对尺寸显示,其中
最大,
更小,
更小,以此类推至
。
最大,
更小,
更小,以此类推至
。
更小,以此类推至
。
因此,无论网页的默认文字大小是多少(文字大小可能因浏览器设置和计算机平台而异),使用
标签格式化的任何文本总是大于使用
格式化的文本。人们普遍认为,许多搜索引擎优先考虑用
标签格式化的文本中的关键字,因为页面上最重要的文本通常包含在最大尺寸的标题中。同样,搜索引擎专家会告诉你,每页只能使用
标签一次。
要使用标题标签格式化文本,请按以下步骤操作:
突出显示要格式化的文本。
-
在属性检查器的工作区底部,确保选中检查器左侧的HTML按钮。
-
使用格式下拉列表选择一个标题选项。
-
应用标题标签时,文本会自动更改为在“设计”视图中变大和变粗。通常情况下,属性检查器是应用基本格式的最简单方法,但是您也可以通过选择“格式”→“段落格式”然后选择“格式”选项来查找这些HTML格式设置选项。出现的子菜单。
如何在Dreamweaver中添加段落和换行符
当您为网页创建页面设计时,您必须首先在许多可能看起来令人困惑的限制内工作。网页设计和印刷设计有着根本的不同,甚至可以让看起来很简单的任务比您预期的更复杂。如何创建段落和换行符就是一个很好的例子。
如果您在Dreamweaver的“设计”视图中工作,并按Enter键(Windows)或Return键(Mac),则Dreamweaver会在代码中插入一个段落标记或
,以便创建换行符由空白行。
如果您想要换行而没有多余的空白行,请按住Shift键的同时按Enter键(或Return)以通知Dreamweaver将
标签插入代码中,从而创建一个换行符。
最好的做法是避免使用多个段落或中断标记来在网页中创建额外的空间(如果以这种方式创建,并不是所有的浏览器都会保留空白空间)。如果要在页面上的段落或其他元素之间添加大量空间,则最佳选择是使用CSS。
如果您使用“输入”或“返回”键在代码视图中工作并添加空间,则可以在代码中添加空格。 HTML代码中的额外空间可能会很有用,因为额外的空间可以使代码更易于阅读,但通常不会影响在“设计”视图或Web浏览器中显示页面的方式。