我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> CSSHTML教程 -> 教程内容
  • [ 收藏本页教程 ]
  • HTML语言剖析(五)字体标记CSSHTML教程

    教程作者:佚名    教程来源:不详   教程栏目:CSSHTML教程    收藏本页
      <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> 令字体变细。
    • <SUB> 为下标字, <SUP> 则为上标字,仅剩的数学标记。

    例子: (第一行是没有任何字体标记的,作对照之用) HTML Source Code (原始码)浏览器显示结果Creation of Webpage
    <br><TT>Creation of Webpage</TT>
    <br><SAMP>Creation of Webpage</SAMP>
    <br><CODE>Creation of Webpage</CODE>
    <br><KBD>Creation of Webpage</KBD>
    <br><U>Creation of Webpage</U>
    <br><STRIKE>Creation of Webpage</STRIKE>
    <br><BIG>Creation of Webpage</BIG>
    <br><SMALL>Creation of Webpage</SMALL>
    <br>12345<SUB>7</SUB> 6789<SUP>9</SUP> Creation of Webpage
    Creation of Webpage
    Creation of Webpage
    Creation of Webpage
    Creation of Webpage
    Creation of Webpage
    Creation of Webpage
    Creation of Webpage
    Creation of Webpage
    123457 67899

    ■<H1> <H2> <H3> <H4> <H5> <H6>:
    ▲Top
    这些是标题标记,由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小。每个标题标记所标示 的字句将独占一行且上下留一空白行。

    例子: 原始码<H1>Header Level 1</H1>
    <H2>Header Level 2</H2>
    <H3>Header Level 3</H3>
    <H4>Header Level 4</H4>
    <H5>Header Level 5</H5>
    <H6>Header Level 6</H6> 显示结果

    Header Level 1

    Header Level 2

    Header Level 3

    Header Level 4

    Header Level 5
    Header Level 6

    ■<FONT> <BASEFONT>:
    ▲Top
    这一节只有这两个标记具参数设定,且两者的参数设定是一样的,都是负责设定文字的大 小、字形及颜色,但各有用处,且看以下比较:
    • <BASEFONT> 可以用于文件的开头部分,即 <HEAD> 与 </HEAD> 之间的位置,将 影响全文字句,是一个空标记,用以改变字体显示的内定值。
      <FONT> 是应用于文件的内文部分,即 <BODY> 与 </BODY> 之间的位置,只影响 所标示的字句,是一个围堵标记。
    • 两标记可同时存在,唯没被 <FONT> 所标示的字句才直接受 <BASEFONT> 所影 响,而 <FONT> 本身亦受 <BASEFONT> 的影响。

    <FONT>的参数设定:
    例子: <font face="Arial" size="+2" color="#008000">Creation of Webpage</font>

    • face="Arial"
      设定文字的字形。Arial 是常用的一种,请不要使用 Window 内建字 形以外的字形。于没有设定为 Gb2312 Encoding 的中文网页,Netscape Netvigator 不会显示此标记 所指明的任何中文字形。
    • size="+2"
      设定文字的大小。其值可以是绝对相对
      绝对的意思便是标记自己决定文字的大小,不受 <BASEFONT> 的影响,如
      size="5" 表示其大小便是 5, 而html内定值为 3,即 size="3"和没有设定是一样的。
      相对的意思便是在内定值 3 的基础上增加或减少大小级数,如 size="+2" 便等同绝 对表示法的 size="5",但若已设定 <BASEFONT size="n"> 则其实际大小便是 n+2 不 再是 3+2 了。<BASEFONT>只有绝对表示法。
    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有