建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > html/xhtml >

XHTML入门学习教程:文字格式与特殊字符

时间:2009-03-04 18:41来源: 作者: 点击:
在之前的教程中我们曾经用过一次标签,他使得包含在它之中的内容变成粗体显示。例如“b菜鸟吧b”将显示为菜鸟吧。我们把这种定义文字显示方式的标签叫做文字格式标签(文字样式标签……)。与粗体标签b类似的还有斜体标签i和强调标签em等。我们推荐您使用CSS定义网页

本节介绍文字格式和特殊字符在XHTML中的实现方法。

文字格式标签

在之前的教程中我们曾经用过一次<b>标签,他使得包含在它之中的内容变成粗体显示。例如“<b>菜鸟吧</b>”将显示为菜鸟吧。我们把这种定义文字显示方式的标签叫做文字格式标签(文字样式标签……)。与粗体标签<b>类似的还有斜体标签<i>和强调标签<em>等。我们推荐您使用CSS定义网页的样式,而不是类似<b>的XHTML标签,这里介绍这些标签的目的是让您在阅读别人网页的源代码时不至于糊涂。

特殊字符(字符实体)

在XHTML中“<”和“>”是比较特殊的字符,因为它们被用于识别标签,而且在标签中的"<"和“>”并不会出现在页面上。那么如果我们想让浏览器显示这些特殊字符时该怎么做呢?这时我们就可以使用字符实体,例如小于号“<”在XHTML代码中写做“&lt;”。当然,在网页设计软件中,这项工作不需要我们手写代码来完成。因此我们只要了解这些特殊字符的显示原理即可,而不需要记住每一个特殊字符的书写代码。

练习实例

用记事本打开之前创建的"index.html"文件。对源文件做如下修改(红字提示),保存后看看之前之后有什么不同,请确认您的网页与这个页面相同。


代写寒暑假作业(数学<b></b>保证没有错题,语文不保证没有错字,英语作业你找别人吧)
<br />帮忙欺负<b>四年级</b>以下同学,<b>特体须加收费用</b>
<br />家长会帮忙<i>冒充家长</i>
</p><!--上面的内容是一个段落 -->

下面再来练习一下使用字符实体。打开之前保存的“index.html”,在</body>标签前输入如下代码:

<p>Copyright&copy;2005-2006jzxue.com版权没有</p>

保存修改并重新浏览网页就可以看到如下的内容了:

“Copyright©2005-2006XXX版权没有”。我们注意到源代码中的“&copy”在浏览器中显示为“@”。请再次确认您的网页与这个页面相同,完工。

关于标签的顺序

学完了文字格式标签你也许会想,如果我希望一个字同时以粗体和斜体显示该怎么做呢?是不是简单的为它加上双层标签<b>和<i>呢?没错。请看下面的例子:

<b><i>我被两个标签包围啦!</i></b>

将在浏览器中显示为我被两个标签包围啦!

这里你唯一需要注意的是标签的顺序。如果你将上面的标签顺序写成<b><i>我被两个标签包围啦!</b></i>,一般的浏览器将不产生任何错误。但是这是不符合XHTML标准的写法。请你一定要按顺序关闭标签。

(责任编辑:admin)
织梦二维码生成器
顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片