设置代码的格式
您既可以设置一些选项来影响 Microsoft Expression Web 中代码的外观，也可以设置其他一些选项来重新设置代码的格式。
基本的格式设置方式（如换行符、空格和缩进）可使代码更加便于阅读和编辑，且不会影响网页的外观。可以在 Expression Web 中指定这些设置，并可为标记、属性、值和脚本设置唯一的字体颜色和字号。
.gif "说明") 说明： |
|---|
当您打开具有现有代码的网页时，在默认情况下，Expression Web 会保留该网页的代码格式。“网页编辑器选项”对话框的“代码格式”选项卡上的设置仅适用于所创建的新网页或者添加或编辑的内容。 |
设置代码查看选项
在“工具”菜单上，单击“网页编辑器选项”。
在“网页编辑器选项”对话框的“常规”选项卡上，在“代码视图选项”之下执行下列操作：
所示信息
实际操作
自动换行
使所有代码行按照编辑窗口的当前宽度自动换行。
自动缩进
在按 Enter 或 Return 键另起新行时，保持当前的缩进量不变。
行号
在每一行代码的左边显示唯一的行号。
选定内容的边距
在编辑窗口上添加左边距，以便能够通过单击或拖动来选择一行或多行代码。
突出显示无效的 HTML
以特定的颜色（默认设置为红色）和背景色（默认设置为黄色）显示无效的 HTML，这些颜色可以在“网页编辑器选项”对话框的“颜色代码”选项卡中指定。
.gif "提示")
提示：
若要显示一个浮动窗口来显示有关无效或不兼容代码的特定实例的详细信息，请在“代码”视图中，指向突出显示或带下划线的代码。突出显示不兼容的 HTML
在与 HTML 标准不兼容的代码之下显示波浪形下划线。
提示：也可以使用“代码视图”工具栏来设置这些选项。有关详细信息，请参阅“代码视图”工具栏。
设置代码格式
在“工具”菜单上，单击“网页编辑器选项”。
在“网页编辑器选项”对话框的“代码格式”选项卡上，执行下列操作：
所示信息
实际操作
重设
将所有选项重置为各自的默认值。
标记名称为小写
以小写而不是大写输入标记。
属性名称为小写
以小写而不是大写输入属性名称。
属性名称按字母顺序排序
按字母顺序输入 HTML 属性。
允许在标记内换行
允许在标记内显示换行符，而不是令标记显示成一行。
制表符大小
设置缩进的字符间距，在“代码”视图中按 Tab 时以及“缩进”代码格式选项都采用这一设置。
缩进
设置嵌套代码的左边距的大小和单位。
右边距
设置代码右边距的大小。
将制表符作为空格插入
将制表符的格式设置为空格。
标记
若要设置特定标记的格式选项，请选择要设置格式的标记，然后在“换行符”下和“换行符”区域下，设置所需的选项。例如，若要省略通常显示在每个列表项之后的列表项结束标记 (</li>)，请在“标记”下，选择“li”，再选择“省略结束标记”。
CSS
若要设置特定 CSS 组件的格式选项，请选择要设置格式的组件，然后在“格式”之下，设置所需的选项。例如，如果希望在样式声明块开头的左大括号 ({) 之后显示一定数量的空格，请在“CSS”下，选择左大括号，然后在“后间距”框中输入所需的间距。
新行缩进属性
缩进由 Expression Web 编写的 CSS 属性。
生成样式时使用速记属性
使用速记 CSS 属性，而不是普通 CSS 属性。例如，选中此选项之后，Expression Web 仅会通过在样式中设置边框属性来定义边框的宽度、颜色和样式值。清除此选项之后，Expression Web 会为每个边框属性设置属性和值。
说明：您指定的一些代码格式设置选项会影响所有现有的网页，而其他选项只会影响以后创建的新网页。若要对现有网页的代码重新设置格式，请参阅“对现有网页的代码重新设置格式”这一过程。
对现有网页的代码重新设置格式
打开要重新设置其格式的网页。
在“代码”窗格中，右键单击，再单击“重新设置 HTML 格式”。
根据特定网页的代码格式设置代码格式选项
打开作为设置依据的网页，然后在“工具”菜单上，单击“网页编辑器选项”。
在“网页编辑器选项”对话框的“代码格式”选项卡上，单击“根据当前网页设置规则”，再单击“确定”。
指定代码的颜色
在“工具”菜单上，单击“网页编辑器选项”。
在“网页编辑器选项”对话框的“颜色代码”选项卡上，执行下列操作：
所示信息
实际操作
代码视图设置
切换到代码视图设置。
还原默认设置
将选项设置为各自的默认值。
显示项目
选择要设置格式的项。
项目前景色、项目背景色和字体样式
为“显示项目”下的所选项的代码设置格式
指定代码的字体
在“工具”菜单上，单击“网页编辑器选项”。
在“网页编辑器选项”对话框的“默认字体”选项卡上，设置“代码视图”下的“字体”和“大小”值。
缩进特定代码行
在网页的“代码”视图中，将光标移到要缩进的代码行中，或者选择要缩进的代码。
在“编辑”菜单上，指向“代码视图”，再单击“增加缩进量”或“减少缩进量”。