现在的位置: 首页 >> 网页设计 >> HTML >> HTML语言剖析(五)字体标记
添加时间:2005-10-30 来源:网教中国 作者:
HTML语言剖析(五)字体标记

<STRONG> <B>
<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
<H1> <H2> <H3> <H4> <H5> <H6>
<FONT> <BASEFONT>
■实体标记与逻辑标记 :
▲Top
这一节【字体标记】你必须先明白实体标记逻辑标记的分别,否则你会迷惑于为何不同 的标记却有相同的效果。两者分别有以下两处:
  1. 实体标记有固定的显示效果,逻辑标记则依不同浏览器而不同。
    例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果, 它可能是加底线、粗体或反白等,所以这一节是以它们在 IE 和 NC 中的效果作介 绍。

  2. 多个实体标记亦可有效标示同一字句,逻辑标记则通常于旧浏览器不能有效显示多 重的标示。
    例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。

  • 实体标记有:
    <I> <B> <U>
  • 逻辑标记有:
    <STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>

若要求真确的效果当然以实体标记为佳。

■<STRONG> <B> :
▲Top
两者皆能产生字体加粗的效果,但必须注意的是当文件被设为 gb2312 Encoding 时,两者所 标示的中文字不会于 Netscape Netvigator 显示粗体效果。

例子: (第一行是没有任何字体标记的,作对照之用)
HTML Source Code (原始码) 浏览器显示结果
Creation of Webpage
<br><STRONG>Creation of Webpage</STRONG>
<br><B>Creation of Webpage</B>
Creation of Webpage
Creation of Webpage
Creation of Webpage

■<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>:
▲Top
这些标记于 Internet Explorer 都产生斜体效果,而只有 </DFN> 于 Netscape Netvigator 失去作 用。这些标记中只有 <ADDRESS> 较为特别,因它包括换行效果所以不必在它前面加上 <BR> 标记。

例子:
HTML Source Code (原始码) 浏览器显示结果
<I>Creation of Webpage</I>
<br><EM>Creation of Webpage</EM>
<br><VAR>Creation of Webpage</VAR>
<br><CITE>Creation of Webpage</CITE>
<br><DFN>Creation of Webpage</DFN>
<ADDRESS>Creation of Webpage</ADDRESS>
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage

■<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
▲Top
为方便对照及记认,所以把十个标记于在一起介绍。
  • <TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每字母之间的距离稍为加 宽。但于 NC 不见得如此。
  • <U> 是加底线的标记,一些特别的浏览器并不支援,因顾虑到与连结混淆。
  • <STRIKE> 加上删除线的标记。
  • <BIG> 令字体加大。
  • <SMALL> 令字体变细。

    [1] [2] [3]  下一页


上一篇:HTML语言剖析(六)清单标记 下一篇:HTML语言剖析(四)排版标记
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·模仿QQ和MSN消息提示的效果
·动态HTML教程(五)
·表格(Table)
·用好活动字幕标记—marquee
·HTML语言的语法基础及规则
·中文网页制作中段落缩进的方法
·HTML彻底剖析(2)标记一览
·快速精通掌握框架的使用
·感受Web标准,第一次DIV+CSS
·网页制作,使用HTML常范的五个错
相关文章
·HTML语言剖析(六)清单标记
·HTML语言剖析(七)表格标记
·HTML语言剖析(八)表单标记
·HTML语言剖析(九)图形标记
·HTML语言剖析(十)链接标记
·HTML语言剖析(十一)排版标记
·HTML语言剖析(十二)多媒体标记
·HTML语言剖析(十三)其他标记
·HTML语言剖析(十四)特殊字符
·HTML语言剖析(十五)调色原理
最新文章
·让自己的网站也拥有权威IT报价系
·在网页中实现细线边框的两种方法
·ASP脚本循环语句
·小偷程序原理和简单示例
·精彩:用Asp实现QQ在线查询
·“mailto”的六则应用技巧
·meta标签之详解
·为你的网页链接加上快捷键
·如何在网页中制作虚线表格
·连动下拉菜单
Google