網(wǎng)頁(yè)制作學(xué)習(xí)用好HTML字體標(biāo)記及屬性

2020-2-22    前端達(dá)人

我們?cè)谶@里將要談的是有關(guān)文字的標(biāo)記,包括字體大小、顏色、字型...等變化,適當(dāng)?shù)膽?yīng)用可以增加頁(yè)面的美觀!



常用字體標(biāo)記



<Hn>...</Hn> 標(biāo)題 ,設(shè)定標(biāo)題字體大小, n = 1 ( 大 ) ~ 6 ( 小 ) 會(huì)自動(dòng)跳下一行。通常用在如章節(jié)、段落等標(biāo)題上。

如 : <H2> 標(biāo)題 </H2>



標(biāo)題

如 : <H3 ALIGN = CENTER> 標(biāo)題 </H3> ( 標(biāo)題置中 )

標(biāo)題

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

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



粗體字



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

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

斜體字



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

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

加底線



<DEL>...</DEL> 橫線 ( 表示刪除 )。

如 : <DEL> 橫線 </DEL> 

橫線



<TT>...</TT> 打字體 ( 固定寬度文字 )。

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

打字體



<SUP>...</SUP> 上標(biāo)字 。

如 : 字體 <SUP> 上標(biāo)字 </SUP> 

字體 上標(biāo)字



<SUB>...</SUB> 下標(biāo)字 。

如 : 字體 <SUB> 下標(biāo)字 </SUB> 

字體 下標(biāo)字



<!...> 注解 ( 不會(huì)顯示在瀏覽器上 ),可以多行。



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



設(shè)定字體大小、顏色、字型



有關(guān)設(shè)定文字的方法共有以下幾種 :



1.設(shè)定HTML文件主體文字顏色。<BODY>...</BODY>標(biāo)記。 



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

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



2.設(shè)定基本字體大小、顏色、字型。<BASEFONT>...</BASEFONT>標(biāo)記。



3.設(shè)定字體大小、顏色、字型。<FONT>...</FONT>標(biāo)記。



<BASEFONT>...</BASEFONT> 設(shè)定基本字體 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。

如 : <BASEFONT SIZE=4> 基本字體大小為 4 </BASEFONT> 

基本字體大小為 4



如 : <BASEFONT COLOR =#FF0000> 設(shè)定顏色 </BASEFONT> 

設(shè)定顏色



如 : <BASEFONT FACE = 標(biāo)楷體 , 細(xì)明體 > 設(shè)定字型 </BASEFONT> 

設(shè)定字型



<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> 設(shè)定字體大小、顏色、字型 ,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> 設(shè)定顏色 </FONT> 

設(shè)定顏色



如 : <FONT FACE = 標(biāo)楷體 , 細(xì)明體 > 設(shè)定字型 </FONT> 

設(shè)定字型



新建一個(gè)前端學(xué)習(xí)qun438905713,在群里大多數(shù)都是零基礎(chǔ)學(xué)習(xí)者,大家相互幫助,相互解答,并且還準(zhǔn)備很多學(xué)習(xí)資料,歡迎零基礎(chǔ)的小伙伴來(lái)一起交流。


  1. 設(shè)定字體的大小分 : 絕對(duì)SIZE 如 : <FONT SIZE=4> 

    和 相對(duì)SIZE 如 : <FONT SIZE= 1> ( 以 BASEFONT 設(shè)定的字體大小做加減 )。


  2. 設(shè)定字體的顏色可以是顏色名稱或#RRGGBB表紅綠藍(lán)強(qiáng)度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是紅、綠、藍(lán)三原色,每一色由兩位十六進(jìn)制的數(shù)值表示 ( 即十進(jìn)制 0 ~ 255 )。 

    十六進(jìn)制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。


  3. 設(shè)定字體的字型會(huì)按照順序找出顯示的字型,若找不到則以系統(tǒng)預(yù)設(shè)字型顯示。

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

    版權(quán)聲明:本文為CSDN博主「前端學(xué)習(xí)線路」的原創(chuàng)文章,遵循 CC 4.0 BY-SA 版權(quán)協(xié)議,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。

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

日歷

鏈接

個(gè)人資料

存檔