分享
 
 
 

网页制作学习用好HTML字体标记及属性

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

我们在这里将要谈的是有关文字的标记,包括字体大小、颜色、字型...等变化,适当的应用可以增加页面的美观!

常用字体标记

<Hn>...</Hn> 标题 ,设定标题字体大小, n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。

如 : <H2> 标题 </H2>

标题 如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 )

标题

<B>...</B> 粗体字 。

如 : <B> 粗体字 </B>

粗体字

<I>...</I> 斜体字 。

如 : <I> 斜体字 </I>

斜体字

<U>...</U> 加底线 。

如 : <U> 加底线 </U>

加底线

<DEL>...</DEL> 横线 ( 表示删除 )。

如 : <DEL> 横线 </DEL>

横线

<TT>...</TT> 打字体 ( 固定宽度文字 )。

如 : <TT> 打字体 </TT>

打字体

<SUP>...</SUP> 上标字 。

如 : 字体 <SUP> 上标字 </SUP>

字体 上标字

<SUB>...</SUB> 下标字 。

如 : 字体 <SUB> 下标字 </SUB>

字体 下标字

<!...> 注解 ( 不会显示在浏览器上 ),可以多行。

如 : <! 更新日期 : 2000/1/1>

设定字体大小、颜色、字型

有关设定文字的方法共有以下几种 :

1.设定HTML文件主体文字颜色。<BODY>...</BODY>标记。

如 : <BODY TEXT=RED>...</BODY> 或

<BODY TEXT=#FF0000>...</BODY>

2.设定基本字体大小、颜色、字型。<BASEFONT>...</BASEFONT>标记。

3.设定字体大小、颜色、字型。<FONT>...</FONT>标记。

<BASEFONT>...</BASEFONT> 设定基本字体 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。

如 : <BASEFONT SIZE=4> 基本字体大小为 4 </BASEFONT>

基本字体大小为 4

如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT>

设定颜色

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT>

设定字型

<BIG>...</BIG> 基本字体加大 。

如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>

<BIG> 加大为 5 </BIG>

基本字体大小为 4, 加大为 5

<SMALL>...</SMALL> 基本字体减小 。

如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>

<SMALL> 减小为 3 </SMALL>

基本字体大小为 4, 减小为 3

<FONT>...</FONT> 设定字体大小、颜色、字型 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。

如 : <FONT SIZE=4> 字体大小为 4 </FONT>

字体大小为 4

如 : <BASEFONT SIZE=4> 基本字体大小为 4

<FONT SIZE= 1> 1字体大小为 5 </FONT>

<FONT SIZE=-2> -2字体大小为 2 </FONT>...</BASEFONT>

基本字体大小为 4

1字体大小为 5

-2字体大小为 2

如 : <FONT COLOR =#FF0000> 设定颜色 </FONT>

设定颜色

如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT>

设定字型

注意事项

1. 设定字体的大小分 : 绝对SIZE 如 : <FONT SIZE=4>

和 相对SIZE 如 : <FONT SIZE= 1> ( 以 BASEFONT 设定的字体大小做加减 )。

2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示 ( 即十进制 0 ~ 255 )。

十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

3. 设定字体的字型会按照顺序找出显示的字型,若找不到则以系统预设字型显示。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有