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

2020-2-22    前端达人

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



常用字体标记



<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> 

设定字型



新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。


  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. 设定字体的字型会按照顺序找出显示的字型,若找不到则以系统预设字型显示。

    ————————————————

    版权声明:本文为CSDN博主「前端学习线路」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

    原文链接:https://blog.csdn.net/webxuexi168/article/details/104411193

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档