2.1 添加文本

网页中的文本可以分为两大类：一类是普通文本；另一类是特殊字符文本。

2.1.1 普通文本

所谓普通文本是指汉字或在键盘上可以输出的字符。读者可以在Dreamweaver CC代码视图的<body>标记部分直接输入，或者在设计视图下直接输入。

如果有现成的文本，则可以使用复制的方法把其他窗口中需要的文本复制过来。在粘贴文本的时候，如果只希望把文字粘贴过来，而不需要粘贴其文档中的格式，则可以使用Dreamweaver CC的“选择性粘贴”功能。

“选择性粘贴”功能只在Dreamweaver CC的设计视图中起作用，因为在代码视图中，粘贴的仅是文本，不会有格式。例如，将Word文档表格中的文字复制到网页中，而不需要表格结构，其操作方法为：执行【编辑】➢【选择性粘贴】命令或按快捷键Shift+Ctrl+V，弹出【选择性粘贴】对话框，选中【仅文本】单选按钮，如图2-1所示。

图2-1 【选择性粘贴】对话框

2.1.2 特殊文字符号

目前，很多行业上的信息都出现在网络上，每个行业都有自己的行业特性，如数学、物理和化学都有特殊的符号。如何在网页上显示这些特殊字符是本小节将要讲述的内容。

在HTML中，特殊字符以“&”开头，以“；”结尾，中间为相关字符编码。例如，大括号和小括号被用于声明标记，因此如果在HTML代码中出现“<”和“>”符号，就不能直接输入了，需要当作特殊字符处理。在HTML中，用“&lt；”代表符号“<”，用“&gt；”代表符号“>”。如输入公式a>b，在HTML中需要这样表示：a>b。

HTML中还有大量这样的字符，如空格、版权等。常用特殊字符如表2-1所示。

表2-1 常用特殊字符

在编辑化学公式或物理公式时，使用特殊字符的频度非常高。如果每次输入时都去查询或者要记忆这些特殊特号的编码，那么工作量是相当大的，在此作者为读者提供了以下技巧：


（1）在Dreamweaver CC的设计视图下输入字符，如输入a>b这样的表达式。对于部分键盘上没有的字符可以借助“中文输入法”的软键盘。在中文输入法的软键盘上单击鼠标右键，弹出特殊类别项（如图2-2所示），选择所需类型，如选择“数学符号”，弹出数学相关符号（如图2-3所示），单击“÷”按钮即可输入。

图2-2 特殊符号分类

图2-3 数学符号

（2）文字与文字之间的空格，如果超过一个，就从第2个空格开始，都会被忽略掉。快捷地输入空格的方法如下：将输入法切换成“中文输入法”，并置于“全角”（Shift+空格）状态，直接按键盘上的空格键即可。

（3）对于上述两种方法都无法实现的字符，可以使用Dreamweaver CC的【插入】菜单实现。选择【插入】➢HTML➢【特殊字符】菜单命令，在所需要的字符中选择，如果没有所需要的字符，就选择【其他字符】选项。

技巧提示

尽量不要使用多个“&nbsp”来表示多个空格，因为多数浏览器对空格的距离实现是不一样的。

2.1.3 文本特殊样式

在文档中经常会出现重要文本（加粗显示）、倾斜文本、上标和下标文本等。

1. 重要文本

重要文本通常以粗体显示、强调方式显示或加强调方式显示，HTML中的<b>标记、<em>标记和<strong>标记分别用来实现这三种显示方式。


【例2.1】（实例文件：ch02\2.1.html）

<!DOCTYPE html>
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<!--标记、<em>标记和<strong>标记-->
<p>我是粗体文字 </p>
<p><em>我是强调文字</em> </p>
<p><strong>我是加强调文字</strong></p>
</body>
</html>

在IE 11.0中预览效果如图2-4所示，实现了文本的三种显示方式。

图2-4 重要文本预览效果

2. 倾斜文本

HTML中的<i>标记实现了文本的倾斜显示。放在<i></i>之间的文本将以斜体显示。


【例2.2】（实例文件：ch02\2.2.html）

<!DOCTYPE html>
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<i>我将会以斜体字显示</i>
</body>
</html>

在IE 11.0中预览效果如图2-5所示，其中文字以斜体显示。

图2-5 倾斜文本预览效果

技巧提示

HTML中的重要文本和倾斜文本标记已经过时，是需要读者忘记的标记，这些标记都应该使用CSS样式来实现。随着后面学习的深入，读者会逐渐发现，即使HTML和CSS实现相同的效果，但是CSS所能实现的控制远远比HTML要细致、精确得多。

3. 上标和下标文本

在HTML中用<sup>标记实现上标文字，用<sub>标记实现下标文字。<sup>和<sub>都是双标记，放在开始标记和结束标记之间的文本会分别以上标或下标形式出现。


【例2.3】（实例文件：ch02\2.3.html）

在IE 11.0中预览效果如图2-6所示，分别实现了上标和下标文本显示。

图2-6 上标和下标预览效果

上一章目录下一章