打印

html之字体标记

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>
  欲明白本篇【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 (原代码)浏览器显示结果
<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 附带字 体以外的字体。对于没有设定为中文代码的中文网页,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>只有绝对表示法。
color="#008000"
设定文字的颜色。#008000 表示绿色,各类颜色值及调色法请参考【调色原理】
例子: 原代码<font size="+1">i love creation of webpage</font>

<br><font size="+2" color="#800080">i love creation of webpage</font>
<br><font face="times new roman" size="5" color="#008000">i love creation of webpage</font>
显示结果i love creation of webpage
i love creation of webpage
i love creation of webpage




TOP

返回顶部
AYBlue

Processed in 0.051781 second(s), 7 queries.

当前时区 GMT+8, 现在时间是 2009-1-8 13:32 京ICP备06054220号

清除 Cookies - 联系我们 - 163K.com - Archiver - WAP