有关文字的标签有很多,常用的标签有<FONT>、<Hn>等,通过这些标签我们可以设置文字的大小、颜色、字体及样式。
◆ 标签 <FONT>
标签属性 SIZE 设定文字的大小
COLOR 设定文字的颜色
FACE 设定文字的字体
◇ 文字的大小设置
<FONT SIZE="N"> ... </FONT> "N"有效值范围为1 - 7也就是说文字大小分7个等级。
<FONT SIZE=±"N"> ... </FONT> SIZE的默认值为3,我们也可以用±来对默认值进行加减。
使用范例:
原始代码 | 显示结果 |
<FONT SIZE=1>字体一</FONT> <FONT SIZE=-2>字体一</FONT> | 字体一 |
<FONT SIZE=2>字体二</font> <FONT SIZE=-1>字体二</font> | 字体二 |
<FONT SIZE=3>字体三</font> <FONT SIZE=+0>字体三</font> | 字体三 |
<FONT SIZE=4>字体四</font> <FONT SIZE=+1>字体四</font> | 字体四 |
<FONT SIZE=5>字体五</font> <FONT SIZE=+2>字体五</font> | 字体五 |
<FONT SIZE=6>字体六</font> <FONT SIZE=+3>字体六</font> | 字体六 |
<FONT SIZE=7>字体七</font> <FONT SIZE=+4>字体七</font> | 字体七 |
◇ 文字的颜色设置
<FONT COLOR="属性值"> ... </FONT>
属性值可以为颜色码#RRGGBB或者颜色名称。#RRGGBB所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示。
暗 00 ←—→ FF 亮
0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。
| Black = "#000000" | | Green = "#008000" |
| Silver = "#C0C0C0" | | Lime = "#00FF00" |
| Gray = "#808080" | | Olive = "#808000" |
| White = "#FFFFFF" | | Yellow = "#FFFF00" |
| 6699cc = "#800000" | | Navy = "#000080" |
| Red = "#FF0000" | | Blue = "#0000FF" |
| Purple = "#800080" | | Teal = "#008080" |
| Fuchsia = "#FF00FF" | | Aqua = "#00FFFF" |
使用范例:
原始代码 | 显示结果 |
<FONT COLOR=FF0000>红色的字</FONT> | 红色的字 |
<FONT COLOR=YELLOW>黄色的字</FONT> | 黄色的字 |
<FONT COLOR=BLUE>蓝色的字</FONT> | 蓝色的字 |
<FONT COLOR=GREEN>绿色的字</FONT> | 绿色的字 |
<FONT COLOR=PURPLE>紫色的字</FONT> | 紫色的字 |
◇ 文字的字体设置
标签格式 <FONT FACE="字体"> ... </FONT>
字体可以是本机上的任一字体类型,但是只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格,如果没有浏览器仍会以宋体来显示。
使用范例:
原始代码 | 显示结果 |
<FONT FACE="楷体_GB2312">楷体_GB2312</FONT> | 楷体_GB2312 |
<FONT FACE="华康俪中黑">华康俪中黑</FONT> | 华康俪中黑 |
<FONT FACE="黑体">黑体</FONT> | 黑体 |
◆ 标签 <BASEFONT>
标签属性 SIZE 修改文字大小的默认值。
COLOR 修改文字颜色的默认值。
FACE 修改文字字体的默认值。
标签格式 <BASEFONT SIZE="n"> ... </BASEFONT>
<BASEFONT COLOR="属性值"> ... </BASEFONT>
<BASEFONT FACE="字体"> ... </BASEFONT>
使用范例:
原始代码 | 显示结果 |
<BASEFONT SIZE=2> 天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 </BASEFONT> | 天涯远不远? 人就在天涯! 天涯怎么会远。 |
<BASEFONT COLOR=#FF6633> 天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 </BASEFONT> | 天涯远不远? 人就在天涯! 天涯怎么会远。 |
<BASEFONT FACE="楷体_GB2312"> 天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 </BASEFONT> | 天涯远不远? 人就在天涯! 天涯怎么会远。 |
◆ 标签 <BODY>
标签属性 TEXT 通过TEXT我们可以设定HTML文件主体文字的颜色。
标签格式 <BODY TEXT="属性值"> ... </BODY>
使用范例:
原始代码 | 显示结果 |
<BODY TEXT=FF0000> 天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 </BODY> | 天涯远不远? 人就在天涯! 天涯怎么会远。 |
<BODY TEXT=0d8d5f> 天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 </BODY> | 天涯远不远? 人就在天涯! 天涯怎么会远。 |
<BODY TEXT=0000FF> 天涯远不远?<BR>人就在天涯!<BR>天涯怎么会远。 </BODY> | 天涯远不远? 人就在天涯! 天涯怎么会远。 |
◆ 标签 <DIV>
标签属性 ALIGN 设置文字对齐的方式。
标签格式 <DIV ALIGN="属性值"> ... </DIV>
ALIGN 的属性值有三个: LEFT(向左对齐)、RIGHT(向右对齐)、CENTER(居中)。
使用范例:
原始代码 | 显示结果 |
<DIV ALIGN=LEFT>向左对齐</DIV> |
向左对齐
|
<DIV ALIGN=RIGHT>向右对齐</DIV> |
向右对齐
|
<DIV ALIGN=CENTER>居中</DIV> |
居中
|
◆ 标签 <Hn>
一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,无须加分隔标签会自动跳转至下一行,其中n为标题的等级。HTML总共提供六个等级的标题,n越小,标题字号就越大。
标签属性 ALIGN 设置标题对齐的方式。
标签格式 <Hn> ... </Hn>
<Hn ALIGN="属性值"> ... </Hn>
使用范例:
原始代码 | 显示结果 |
<H1>一级标题</H1> | 一级标题 |
<H2>二级标题</H2> | 二级标题 |
<H3>三级标题</H3> | 三级标题 |
<H4 ALIGN=CENTER>四级标题</H4> | 四级标题 |
<H5 ALIGN=LEFT>五级标题</H5> | 五级标题 |
<H6 ALIGN=RIGHT>六级标题</H6> | 六级标题 |
◆ 标签 <BIG>、<SMALL>
标签格式 <BIG> ... </BIG> 比文字的默认值大一级。
<SMALL> ... </SMALL> 比文字的默认值小一级。
使用范例:
原始代码 | 显示结果 |
<BIG>四号字体</BIG> | 四号字体 |
默认字体三号 | 默认字体三号 |
<SMALL>二号字体</SMALL> | 二号字体 |
◆ 其他字体标签
使用范例:
原始代码 | 显示结果 | 原始代码 | 显示结果 |
<B>粗体</B> | 粗体 | <I>斜体</I> | 斜体 |
<U>底线</U> | 底线 | <TT>打字机</TT> | 打字机 |
<SUP>上标</SUP> | 上标 | <SUB>下标</SUB> | 下标 |
<BLINK>闪烁</BLINK> | 闪烁 | <EM>强调</EM> | 强调 |
<STRONG>加强</STRONG> | 加强 | <SAMP>范例</SAMP> | 范例 |
<CODE>程式码</CODE> | 程式码 | <VAR>变数</VAR> | 变数 |
<DFN>定义</DFN> | 定义 | <CITE>引用</CITE> | 引用 |
<ADDRESS>地址</ADDRESS> | 地址 | <DEL>删除线</DEL> | 删除线 |
<CITE>传记引述</CITE> | 传记引述 | <KBD>键盘字</KBD> | 键盘字 |
<STRIKE>画线删除</STRIKE> | 画线删除 | <DFN>述语定义</DFN> | 述语定义 |
<BLOCKQUOTE>引述文字区块</BLOCKQUOTE> |
引述文字区块
|
转自:
http://hi.baidu.com/%CF%B5%D0%BE/blog/item/6d26c6178bd9ba08962b432a.html