文字格式标签
在之前的教程中我们曾经用过一次<b>标签,他使得包含在它之中的内容变成粗体显示。例如“<b>菜鸟吧</b>”将显示为菜鸟吧。我们把这种定义文字显示方式的标签叫做文字格式标签(文字样式标签……)。与粗体标签<b>类似的还有斜体标签<i>。我们已经说过,不推荐使用b,而推荐使用strong;同样,我们不推荐使用i,而推荐使用em。
特殊字符(字符实体)
在XHTML中“<”和“>”是比较特殊的字符,因为它们被用于识别标签,而且在标签中的"<"和“>”并不会出现在页面上。那么如果我们想让浏览器显示这些特殊字符时该怎么做呢?这时我们就可以使用字符实体,例如小于号“<”在XHTML代码中写做“<”。当然,在网页设计软件中,这项工作不需要我们手写代码来完成。因此我们只要了解这些特殊字符的显示原理即可,而不需要记住每一个特殊字符的书写代码。
练习实例
用记事本打开之前创建的"index.html"文件。对源文件做如下修改(红字提示),保存后看看之前之后有什么不同,请确认您的网页与这个页面相同。
<p>代写代写寒暑假作业(数学<strong>不</strong>保证没有错题,
语文不保证没有错字,英语作业你找别人吧<br />
帮忙欺负<strong>四年级</strong>以下同学,
<strong>特体须加收费用</strong>。<br />
家长会帮忙<em>冒充家长</em>。
</p><!--上面的内容是一个段落 -->
下面再来练习一下使用字符实体。打开之前保存的“index.html”,在</body>标签前输入如下代码:
<p>Copyright©2005-2006cainiao8.com版权没有</p>
保存修改并重新浏览网页就可以看到如下的内容了:
“Copyright©2005-2006XXX版权没有”。我们注意到源代码中的“©”在浏览器中显示为“@”。请再次确认您的网页与这个页面相同,完工。
关于标签的顺序
学完了文字格式标签你也许会想,如果我希望一个字同时以粗体和斜体显示该怎么做呢?是不是简单的为它加上双层标签<strong>和<em>呢?没错。请看下面的例子:
<strong><em>我被两个标签包围啦!</em></strong>
我被两个标签包围啦!
这里你唯一需要注意的是标签的顺序。如果你将上面的标签顺序写成<b><i>我被两个标签包围啦!</b></i>,一般的浏览器将不产生任何错误。但是这是不符合XHTML标准的写法。请你一定要按顺序关闭标签。