理论教育 DreamweaverCS6插入特殊符号教程

DreamweaverCS6插入特殊符号教程

时间:2023-10-29 理论教育 版权反馈
【摘要】:表4-1 常用的字符及其参考尽管记忆字符的参考非常不易,但是在Dreamweaver中,插入特殊字符却变得非常简单。本例执行以下操作:图4-1 字符面板图4-2 插入特殊字符效果输入网页中的普通文本。图4-4 不同换行方式在浏览器中的显示2.插入非间断空格HTML只允许字符之间包含一个空格。图4-5 “首选参数”对话框若要插入连续空格,请执行下列操作之一:◆单击“文本”面板中特殊字符下拉菜单中的插入空格按钮时,会弹出“提示”对话框。

DreamweaverCS6插入特殊符号教程

一般来说,在HTML中一个特殊字符有两种表达方式:一种称作数字参考,另一种称作实体参考。所谓数字参考,就是用数字来表示文档中的特殊字符,通常由前缀“&#”加上数值再加上后缀“;”组成,其表达方式为:&#D;,其中D是一个十进制数值。所谓实体参考,实际上就是用有意义的名称来表示特殊字符,通常由前缀“&”,加上字符对应的名称再加上后缀“;”组成。其表达方式为:&name;,其中name是一个用于表示字符的名称,它是区分大小写的。

例如,可以使用“&#169”和“©”来表示版权符号“©”,用“®”和“®”来表示注册商标符号“®”,很显然,这比数字要容易记忆得多。

遗憾的是,不是所有的浏览器都能够正确认出采用实体参考方式的特殊字符,但是它们都能够识别出采用数字参考方式的特殊字符。如果可能,对于一些特别不常见的字符应该使用数字参考方式。

当然对于那些常见的特殊字符,使用其实体参考方式是安全的。在实际应用中,只要记住这些常用特殊字符的实体参考就足够使用了。

表4-1显示了一些常用字符的实体参考和数字参考。

表4-1 常用的字符及其参考

978-7-111-40982-3-Chapter04-2.jpg

尽管记忆字符的参考非常不易,但是在Dreamweaver中,插入特殊字符却变得非常简单。Dreamweaver在“插入”面板的“文本”面板上专门设置了常见的特殊字符按钮,只需要单击上面的按钮,即可完成特殊字符的输入。切换到“文本”插入面板,并单击特殊字符下拉箭头后,就可以看到Dreamweaver自带的特殊字符,如图4-1所示。

下面通过插入两个特殊字符“§”和“®”的示例,来演示插入特殊字符的具体步骤。插入后的效果如图4-2所示。本例执行以下操作:

978-7-111-40982-3-Chapter04-3.jpg

图4-1 字符面板

978-7-111-40982-3-Chapter04-4.jpg

图4-2 插入特殊字符效果

978-7-111-40982-3-Chapter04-5.jpg输入网页中的普通文本。

978-7-111-40982-3-Chapter04-6.jpg在文档中将光标放置在需要插入特殊字符的位置(此时将光标放在数字“4.1.1”的前面)。切换到“插入”/“文本”面板,打开特殊字符弹出菜单。单击“其他字符”按钮978-7-111-40982-3-Chapter04-7.jpg

978-7-111-40982-3-Chapter04-8.jpg在弹出的对话框中,选择所要插入的字符“§”。对话框中的“插入”文本框将显示该字符的代码,如图4-3所示。

978-7-111-40982-3-Chapter04-9.jpg

图4-3 “插入其他字符”对话框

978-7-111-40982-3-Chapter04-10.jpg单击“插入其他字符”对话框中的“确定”按钮,符号就插到“4.1.1”前面了。

978-7-111-40982-3-Chapter04-11.jpg用同样的方法在Dreamweaver CS6后面插入符号®。

978-7-111-40982-3-Chapter04-12.jpg对于特殊字符,也可以使用属性面板对其属性进行设置。选取文档中的“§”字符,此时属性面板中的各项属性同一般文本的属性相同。在面板中,将字体“大小”设置为2。此时就得到图4-2显示的效果。

另外对于特殊字符弹出菜单中已有的特殊字符,只要单击菜单上的字符就可以插入所选的字符了。文档中所插入的特殊字符在设计视图和代码视图中显示是不同的,在设计视图中显示的即为所输入的字符,而在代码视图中显示的则是特殊字符的代码。例如,读者输入了特殊字符“§”,在代码视图中显示的是“&sect”,特殊字符“®”的代码是“®”。(www.daowen.com)

在特殊字符菜单中还包括了978-7-111-40982-3-Chapter04-13.jpg换行符和978-7-111-40982-3-Chapter04-14.jpg非间断空格符。

1.换行符

一个文本中通常包括了多个段落,一般情况下段落不能在一行中得到完全显示,而是由多行文字组成。在Dreamweaver中,文本具有自动换行功能,即文本可以自动多行显示,但是自动换行必须是在文本一行结束的时候才能够进行。在段落结束的时候,可以通过Enter键实现换行的目的。但是如果要在段落中实现强制换行的同时不改变段落的结构,就必须插入换行符。在HTML代码中,段落换行对应的标签是<p>和</p>,而换行符的标签是<br>。若要插入换行,请执行下列操作之一:

◆直接按Enter(回车)键段落换行。

◆单击“文本”面板中按钮978-7-111-40982-3-Chapter04-15.jpg

◆执行“插入|HTML|特殊字符|换行符”命令。

◆按Shift+Enter键。

◆在代码视图中相应位置输入代码“<br>”。

插入换行符换行和直接Enter(回车)换行在浏览器视图中的区别在图4-4体现。

978-7-111-40982-3-Chapter04-16.jpg

图4-4 不同换行方式在浏览器中的显示

2.插入非间断空格

HTML只允许字符之间包含一个空格。若要在文档中添加其他空格,必须插入连续空格。可以设置一个在文档中自动添加连续空格的参数选择。若要设置此参数选择,执行“编辑”|“首选参数”命令,然后在“常规”中确保选中“允许多个连续的空格”,如图4-5所示。

978-7-111-40982-3-Chapter04-17.jpg

图4-5 “首选参数”对话框

若要插入连续空格,请执行下列操作之一:

◆单击“文本”面板中特殊字符下拉菜单中的插入空格按钮978-7-111-40982-3-Chapter04-18.jpg时,会弹出“提示”对话框。

◆执行“插入”|“HTML”|“特殊字符”|“不换行空格”命令。

◆按Ctrl+Shift+空格键。

◆在代码视图中相应位置输入“&nbsp”。

单击“文本”面板中特殊字符下拉菜单中的插入空格按钮978-7-111-40982-3-Chapter04-19.jpg时会弹出提示对话框,提示特殊字符可能在有些浏览器无法显示。若选中“以后不再显示”复选框,则下次插入非间断空格时不再出现此对话框。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈