HTML学习笔记(5)

      学无止境 2004-6-10 14:8
◆字符格式
  我们常常要为网页上的文字设置字符格式,比如将字体设置为加粗显示、斜体显示或是采用上标、下标格式表示特殊内容。
   下共列出了20个字符格式标记符:


<B>Bold</B>                粗体
<I>Italic</I>               斜体
<U>Underlined</U>             下划线
H<SUB>2</SUB>o               下标
X<SUP>2</SUP>+Y<SUP>2</SUP>        上标
<BIG>Big</BIG>               大字体
<SMALL>Small</SMALL>            小字体
<TT>T</TT>                 固定宽度
<STRIKE>Strike</STRIKE>          删除字
<S>Strike</S>               删除字

<EM>强调斜体</EM>             用于强调某些字体为斜体
<STRONG>强调粗体</STRONG>         用于强调某些字体为粗体
<DFN>Definition</DFN>           用于表示字义了的文字,通常是黑体或斜体
<CITE>Citation</CITE>           用于表示文本属性引用,通常是斜体
<CODE>Code</CODE>             表示程序代码文字,通常是固定宽度
<KBD>Keyboard</KBD>            表示键盘输入文字,通常是固定宽度
<SAMP>Sample</SAMP>            表示文本样式,通常是固定宽度
<VAR>Variable</VAR>            变数文字,通常是斜体
<ABBR>如HTML、HTTP</ABBR>         表示缩写文字

※※※※※观看效果※※※※※

◆字体大小、字符颜色与字体样式

  除了上面介绍的字符样式,还可以使用<FONT></FONT>标记符控制字符的样式,主要利用<FONT>标记符的三个常用属性:SIZE、COLOR和FACE。

  1、SIZE属性
  SIZE属性,也就是字号属性,用来控制文字的大小,其值越大,显示的文字也就越大,字号有1~7级,默认值为3。该属性值也可以用+1,+3,-2等来指定字号大小,这表示比默认字号大1号、大3号和小2号等。

实例演示:

<HTML>
<HEAD>
<TITLE>字体大小、颜色与样式</TITLE>
</HEAD>
<BODY>
<P><FONT SIZE=1>这是1号字</FONT>
<P><FONT SIZE=2>这是2号字</FONT>
<P><FONT SIZE=3>这是3号字</FONT>
<P><FONT SIZE=4>这是4号字</FONT>
<P><FONT SIZE=5>这是5号字</FONT>
<P><FONT SIZE=6>这是6号字</FONT>
<P><FONT SIZE=7>这是7号字</FONT>
<P>
<P><FONT SIZE=+3>这是+3号字</FONT>
<P><FONT SIZE=-2>这是-2号字</FONT>
</BODY>
</HTML>

※※※※※观看效果※※※※※


  2、COLOR属性
  COLOR属性可以控制文字的颜色,默认的字体颜色是黑色,可以用COLOR属性来改变字体的颜色。其值可以使用颜色名称或是十六进制值,比如“red”与“#FF0000”、“blue”与“#0000FF”等。

实例演示:

<HTML>
<HEAD>
<TITLE>字符颜色</TITLE>
</HEAD>
<BODY>
<P>这是默认颜色的字
<P><FONT COLOR=#FF0000>这是红色字</FONT>
<P><FONT COLOR=BLUE>这是蓝色字</FONT>
</BODY>
</HTML>

※※※※※观看效果※※※※※

  3、FACE属性
  FACE属性也就是我们常说的“字体”,默认的中文字体是“宋体”,英文字体是“Times New Roman”。可以利用FACE属性来改变字体样式。
  ※系统必须安装有FACE属性所指定的字体,才能在浏览器看到效果。

实例演示:
<HTML>
<HEAD>
<TITLE>字体样式</TITLE>
</HEAD>
<BODY>
<P>这是默认的宋体字
<P><FONT FACE="黑体">这是黑体</FONT>
<P><FONT FACE="华文彩云">华文彩云</FONT>
<P><FONT FACE="华文中宋" COLOR=BLUE>蓝色的华文中宋</FONT>
<P><FONT FACE="幼圆" SIZE=5 COLOR=#FF0000>5号红色的幼圆字</FONT>
</BODY>
</HTML>

※※※※※观看效果※※※※※
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}
}