logo 广告
Loading...
 导航 所在位置:论坛首页 -> ┈┋电脑网络┋┈ -> 网页制作技术 -> XHTML入门学习教程:文字格式与特殊字符
回复
标题:XHTML入门学习教程:文字格式与特殊字符收藏 编辑 删除 楼主 | 上一篇 下一篇
年少轻狂
头像
等级:社区游侠
权限:普通用户
积分:37
金钱:3647
声望:64
经验:64
发帖数:861
注册:2007年10月26日
资料 短消息2008-4-7 10:31:35

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

文字格式标签

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

特殊字符(字符实体)

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

练习实例

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


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

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

<p>Copyright©2005-2006cainiao8.com版权没有</p>

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

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

关于标签的顺序

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

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

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

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

签名

2008-4-7 10:31:35 顶部
第1页 共页 共0个回复     <<    >>    
 快速回复
  • 支持UBB,HTML标签

  • 高级回复

  • 操作选项:评分 加精 解精 奖惩 设专题 设公告 解公告 固顶 总固顶 解固顶 结帖 解结帖 锁帖 解锁 移帖 删帖
      首页 | 购买指南 | 虚拟主机 | 特色介绍 | 下载中心 | 支付方式
    Copyright 2004-2008 BBSGood.com Powered By: BBSGood.Speed Version 5.0
      咨询电话:0575-85513832、0575-85513825(传真)、7*24小时咨询服务:13606552007 不良信息举报中心 浙ICP备05029817号
      业务QQ:38958768、客服QQ1:415896239、客服QQ2:343896043、MSN:jccsxx@hotmail.com