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