三、版面風格控制
1. 字型控制
A. 字型大小
用 <font Size=#> 和 </font> 表示，＃為字号： 1 － 7 ，預設為 3 ，可用 <basefontsize= 字号 > 改變預設字号。
設定字号有兩種辦法：
l 設定絕對字号； <font size= 字号 >
l 設定相對字号； <font size= ± n> ，以預設字号為基礎，“＋”号表示字型變大，“－”号表示字型變小。
B. 字型風格
字型風格分為實體風格和邏輯風格。
實體風格直接指定字型，實體風格的字型有 <B> 黑體， <I> 斜體， <U> 下劃線， <TT> 打字機體。
邏輯風格指定文本的作用。 <EM> 強調； <STRONG> 特别強調； <CODE> 源代碼； <SAMP> 例子； <KBD>
鍵盤輸入； <VAR> 變量； <DFN> 定義； <CITE> 引用； <SMALL> 較小； <BIG> 較大； <SUP> 上标； <SUB> 下标。
<B>Today is fine!</B>
<I>Today is fine!</I>
<U>Today is fine!</U>
<TT>Today is fine!</TT> 如圖：
}" align="baseline" border="0" />
邏輯風格指定文本的作用
<DFN> 定義 : 用于定義詞的風格。通常是按斜體字型顯示
<EM> 強調 : 通常也是顯示為斜體。
<STRONG> 特别強調 : 用加粗字型顯示。如 ( 重要事項 )
<CODE> 源代碼 : 顯示摘錄的程式代碼，用固定大小的字型顯示
<KBD> 鍵盤輸入 : 用于顯示使用者的鍵盤輸入。用粗體加亮字型顯示，許多浏
覽器直接用等寬字型顯示
<VAR> 變量 : 表示變量，通常用斜體顯示
<SMALL> 較小
<BIG> 較大
上标 <SUP> 上标
下标 <SUB> 下标
C. 字型顔色
頁面的顔色是由 "red" "green" "blue" 三原色組合而成，在 HTML 中對于顔色深度的定義采用十六進
制，對于三原色 HTML 分别給予兩個十六進位去定義，也就是每個原色可有 256 種深度，故此三原色
可混合成一千六佰多萬的顔色（ 16777216 ）。
例如
白色 red=ff, green=ff, blue=ff, RGB 值即為 ffffff
紅色 red=ff, green=00, blue=00, RGB 值即為 ff0000
綠色 red=00, green=ff, blue=00, RGB 值即為 00ff00
藍色 red=00, green=00, blue=ff, RGB 值即為 0000ff
黑色 red=00, green=00, blue=00, RGB 值即為 000000
應用時常在每個 RGB 值之前加上符号 # 以示分别，不加亦可。
請看常用RGB色彩對照表
也可以使用以下預定義的顔色 black, olive （橄榄色） , teal （黑綠色，水鴨） , red, blue, maroon （栗子色） ,
navy （海藍） , gray （灰） , lime （酸橙） , fudrsia （紫紅） white, green, purple( 紫色 ),
sliver, yellow, aqua （淺綠）之一。
顔色
顔色實效
英文名
十六進制 RGB 值
黑色
Black
#000000
銀灰色
Silver
#C0C0C0
灰色
Gray
#808080
白色
White
#FFFFFF
绛紫色
Maroon
#800000
紅色
Red
#FF0000
紫色
Purple
#800080
紫紅色
Fudrsia
#FF00FF
綠色
Green
#008000
草綠色
Lime
#00FF00
橄榄色
Olive
#808000
黃色
Yellow
#FFFF00
海藍色
Navy
#000080
藍色
Blue
#0000FF
黑綠色
Teal
#008080
淡藍色
Cyan
#00FFFF
<Font Size=7 Color=Red> 電子科技大學 ( 紅 )</Font><br>
<Font Size=6 Color=Fudrsia> 電子科技大學 ( 紫紅色 )</Font><br>
<Font Size=5 Color=Silver> 電子科技大學 ( 銀灰 )</Font><br>
<Font Size=4 Color=Lime> 電子科技大學（草綠） </Font><br>
<Font Size=3 Color=Blue> 電子科技大學（藍色） </Font><br>
<Font Size=2 Color=Maroon> 電子科技大學（栗色） </Font><br>
<Font Size=1 Color=Black> 電子科技大學 ( 黑色 )</Font><br>
2. 橫線 (hr)
橫線，用于分隔同一文體的不同部分。
Size=n , 橫線的垂直寬度 , n 的機關是象素 , 如： <hr Size=10>
width ＝ #, 橫線長度 , # 可以是象素、百分比兩種表示方式
<hr width=50> 、 <hr width=50%> 。
align=# 橫線的位置。 # 定義如下。
left 左對齊；
right 右對齊；
center 居中對齊 （預設）
<hr Size=3 width=50% align=center >
1. 圖文混排
A. 在頁面中添加圖象
圖象使頁面更漂亮，但圖象會導緻網絡流量增大。通路時間延長。是以在首頁 (homepage) ，不宜采
用多個很大的圖象。
圖象的基本格式為： <img src="image-url">
比如：<img src="http://263.aka.org.cn/flyinglother.gif">(這個是絕對路徑)
?/P>
或 <img src="image-urd" alt="text">
image-url 是圖象檔案的 url 。大部分浏覽器支援 .gif 和 .jpg 檔案， alt 屬性告訴不支援圖象的浏覽
器用 text 代替該圖。
假設圖檔為 Top-1.gif, 通常 SRC 有以下幾種形式：
l SRC=”Top-1.gif”
l SRC=”image/Top-1.gif”
l SRC=”../Top-1.gif”
l SRC=http://www.rwsky.com/image/Top-1.gif
第一種 : SRC=”Top-1.gif” ： Top-1.gif 必須與該 html 檔案放在同一檔案夾。
第二種 :SRC=”image/Top-1.gif” ： Top-1.gif 必須放在該 html 檔案所在檔案夾下的 image 子檔案夾中。
第三種 :SRC=”../Top-1.gif” ： Top-1.gif 必須放在該 html 檔案所在檔案夾的上一層檔案夾 ( 父檔案夾 ) 。
第四種 :SRC=”http://www.rwsky.com/image/Top-1.gif ” ：圖象檔案 Top-1.gif 必須放在www.rwsky.com這個 web 伺服器宿主目錄（預設為 wwwroot ）的 image 子目錄下。
前三種叫做相對 url ，第四種叫做絕對 url 。
<body background="image-url"> 指定背景圖檔
<body bgcolor=# text=#> 指定背景和文字顔色
image-url ：填充背景的圖象，如圖象的尺寸小于視窗，則背景圖象重複填
滿視窗區域。
bgcolor ： 景顔色 16 進制的紅、綠、蘭分量如 00FF00( 綠色 ) 。
Text ： 文本顔色
Link ： 連結指針顔色
Alinik ： 活動的連結指針顔色 ( 即當滑鼠在連結上按下了左鍵還沒有
松開的狀态 )
vlinik ： 已通路過的連結指針顔色
例：背景圖檔的平鋪
<body background="fish.jpg">
<body bgcolor=Silver text=#ff0000>
<font size=4> 精彩的網絡 </font>
</body>
若轉載請注明出處！若有疑問，請回複交流！
![Kafka 連接配接器使用與開發[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)