9 walker studio-9w個人設計工作室
Google
.網頁設計接案業務
.加入GForce手機娛樂聯盟

.基礎HTML教學
.CSS樣式表教學
.基礎JAVASCRIPT教學
.JAVASCRIPT收集
.自製ASP程式下載
.色彩英文名對照
.16進位色碼對照一
.16進位色碼對照二
.可愛包子動畫圖庫
.MSN表情小圖示下載
.9W2U-1024X768桌布下載

.GForce付費手機遊戲
.免費遊戲房
.免費線上遊戲房
.免費檔案報報
.免費資源報報
.網站漫遊報報
.多國語言字母發音表

因網友留言內容
含成人色情內容
討論區即時停止運作
不便之處敬請見諒
● LOGO交換登錄
● 和我們連絡

 友站及其它連結
刑事警察局網際網路資訊站
591租屋網站
反毒害大聯盟
台灣認養地圖
KTzone日記, 論壇
::S.H.E 青春組織國際後援會::
基礎HTML教學
Hyper Markup Language

01 HTML簡介 10 分割畫面(Frameset)
02 HTML文件的基本架構及指令 11 超鏈結(Hyper Link)
03 製作第一份HTML文件 12 拋錨(Anchor)
04 網頁背景(Background) 13 表單(Form)
05 控制標題字元大小及字型指令 14 跑馬燈Internet Exploer專用
06 使用CSS控制字元屬性 15 文字編排
07 表格的運用(Table) 16 Meta 指令運用
08 清單(List) 17 標註指令列表
09 加入圖片
18 其他

05、 控制標題字元大小及字型指令

對於標題的處理方式,HTML提供了六種標題大小的格式。使用語法如下:

<Hn ALIGN=left | right | center>標題內容</Hn>

標題是定義<H1>至<H6> 這六個字型標示, <H1>是定義最大的字型標題, <H6> 是定義最小的字型標題,其字型分別由大到小,而ALIGN屬選用性質, 它可調整標題在螢幕的左、中、右等位置。範例如下:

標題是定義<H1>至<H6> 這六個字型標示, <H1>是定義最大的字型標題, <H6> 是定義最小的字型標題

此外,HTML 會自動的增加一行空白在使用的標題前或標題後

<H1>這是一個H1的文字標題</H1>
<H2>這是一個H2的文字標題</H2>
<H3>這是一個H3的文字標題</H3>
<H4>這是一個H4的文字標題</H4>
<H5>這是一個H5的文字標題</H5>
<H6>這是一個H6的文字標題</H6>

<H3 ALIGN=center>H3的標題並置中</H3>
<H4 ALIGN=right>H4的標題並置右</H4>
<H5 ALIGN=left>H5的標題並置左</H5>


這是一個H1的文字標題


這是一個H2的文字標題


這是一個H3的文字標題


這是一個H4的文字標題


這是一個H5的文字標題

這是一個H6的文字標題


H3的標題並置中

H4的標題並置右

H5的標題並置左


另外也可利用字型指令<FONT>...</FONT>語法如下:

<FONT SIZE=[+|-]1|2|3|4|5|6|7 COLOR = "#HEX or Color name">文字內容</FONT>

屬性 範例 意義
size="number" size="2" 設定字型的大小
size="+number" size="+1" 增加字型的大小
size="-number" size="-1" 減小字型的大小
face="face-name" face="新細明體" 設定字型的名稱
color="color-value" color="#eeff00" color="red" 設定字型的顏色(使用HEX16進位數值或英文顏色名稱)


你可以利用SIZE=n的方式來直接指定字型大小,也可利用SIZE=+n或SIZE=-n 來顯示比原來字型增大或縮小的字體。

至於色彩的指定方式則採以rrggbb,紅綠藍三色以十六進位比例混合的方式 來設定,當然你也可採用指定名稱的方式,例如"Black"、"Blue"、 "Pink"等顏色。

<FONT SIZE=3 COLOR="#ff0000">紅色文字,3號字體</FONT><BR>
<FONT SIZE=+2 COLOR="#00ff00">綠色文字,5號字體(相對加大2號)</FONT><BR>
<FONT SIZE=-3 COLOR="#0000ff">藍色文字,2號字體(相對縮小3號)</FONT><BR>
<FONT SIZE=6 COLOR="#FFFFFF">白色文字,6號字體</FONT>


紅色文字,3號字體
綠色文字,5號字體(相對加大2號)
藍色文字,2號字體(相對縮小3號)
白色文字,6號字體


一些文字樣式標示列表
Tag Description
<b>...</b>  使用粗體的字體
<big>...</big>  使用較大的字體
<em>...</em>  強調:用在段落中
<i>...</i>  使用斜體字體
<small>...</small>  使用較小的字體
<strong>...</strong>   特別強調
<sub>...</sub>  文字下標敘述
<sup>...</sup>  文字上標敘述
<ins>...</ins>  設定插入文件樣式
<del>...</del>  表示文字被刪除,如『折扣前原價:2800
<tt>...<tt>  打字機字體
<pre>...<pre> 設定文字的保留空間及跳行,特別是用於程式設計
<abbr>...<abbr> 縮寫
<acronym>...<acronym> 字首組合字
<address>...<address> 地址

其他文字相關設定及說明請參考:文字編排



本站內容屬私人所有 請勿任易轉載 如須轉載 請通知本站
本站所鏈結標題及鍊結內容 皆歸原權利人所有
網站內容如有任何侵權 亦請通知本站刪除 謝謝!

Power by 9 Walker Studio
本站內容屬私人所有 請勿任易轉載 如須轉載請通知本站