论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{XHTML}XHTML入门学习教程:文字格式与非凡字符

文章类别:div+css布局 | 发表日期:2008-9-26 11:43:30

本节介绍文字格式和非凡字符在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-2006cainiao8.com版权没有</p>

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

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

关于标签的顺序

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

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

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

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

视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058