当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML之字体标记

HTML/XHTML教程
网页设计师如何应对客户无理要求
打开网页速度提升的简单而有效的方法
让IE8启动IE7兼容模式的简便代码
HTML的sub,sup标签制作电子商务网站中的价格
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
让IE支持HTML5办法
HTML教程:HTML的10个表格相关标记
HTML教程:网页页面切换的各种效果
网页制作掌握的最常用的HTML标记
应该怎样把HTML结构化
XHTML基础教程:xhtml的块级标记
网页页面实现自动刷新的3种代码
网页制作教程:TD也可以溢出隐藏显示
网页设计教程:TabIndex元素
微软:IE9与HTML 5的关系
HTML设备标识符可以让用户使用网页与摄像头等硬件设备打交道
HTML5和CSS3的一些新变化
超级链接标记A的TARGET属性详解
语义化的网页:XHTML语义化标记
理论知识:PSD模板切成HTML的正确操作

HTML/XHTML教程 中的 HTML之字体标记


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 73 ::
收藏到网摘: n/a

 

字体标记

<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>

  欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。
  也请先明白围堵标记与空标记的分别,请看 【HTML概念】。

■实体标记与逻辑标记 :
▲Top

  这一节【字体标记】你必须先明白实体标记逻辑标记的分别,否则你会迷惑于为何不同 的标记却有相同的效果。两者分别有以下两处:

  1、实体标记有固定的显示效果,逻辑标记标记则依不同浏览器而不同。

  例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果, 它可能是加底线、粗体或反白等,所以这一节是以它们在 IE 和 NC 中的效果作介绍。

  2、多个实体标记也可有效标示同一字句,逻辑标记则通常于浏览器不能有效显示多 重的标示。

  例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。

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

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

■<STRONG> <B> :
▲Top

  两者皆能产生字体加粗效果,但必须注意的是当文件编码被设为汉字时,两者所标示的中文字不会在 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 (原代码)浏览器显示结果