起居室★筆記：HTML標籤
| 標簽 | 作用 |
| <BR> | 文字換行 |
| <B>...</BR> | 文字粗體 |
| <I＞...</I> |
文字斜體 |
| <U>...</U> | 文字底線 |
| <S>...</S> | 文字刪除線 |
| <SUP>...</SUP> |
文字上標 |
| <SUB>...</SUB> |
文字下標 |
| <FONT COLOR="顏色英文or色碼">...</FONT> |
文字變色 |
| <A href="直接指定檔案名稱"></A> |
加入連結 以圖片連結 |
| <A href="外連網址"></A> |
|
| <A href="子資料夾/檔案名稱"></A> |
|
|
<A href="連結"><IMG src="圖檔"></A>
|
|
| <IMG src="直接指定檔案名稱"> |
插入圖片 alt 圖片無法顯示時出現的文字 border 圖片外框粗細 align 圖片位置 |
| <IMG src="外連網址"> |
|
| <IMG src="子資料夾/檔案名稱"> |
|
| <IMG src="圖檔" width="寬度" height="高度"> |
|
|
<IMG src="圖檔" alt="文字">
|
|
|
<IMG src="圖檔" border="像素值">
|
|
|
<IMG src="圖檔" align="top / middle / bottem / left / right">
|
|
|
<FONT size="1～7的整數">...</FONT>
|
文字大小 |
|
<BODY text="顏色英文or色碼">
|
改變全部文字的顏色（特別指定例外） |
| <FONT face="字體名稱">～</FONT> |
文字字體 |
| <Hn>...</Hn> (n=1~6的整數) |
加上標題，範圍內文字為粗體 |
|
<P>...</P>
|
文字段落 |
| <CENTER>...</CENTER> |
文字、圖片置中 |
| <Hn align="left / center / right">～</Hn> |
文字靠左 / 置中 / 靠右 |
| <P align="left / center / right">...</P> | |
| <BODY bgcolor="顏色英文or色碼"> |
背景顏色 |
| <BODY background="背景圖案檔名/網址">...</BODY> |
背景圖案 (重複) |
| <HR> |
水平線 |
| <HR size="大小"> |
|
| <HR width="寬度"> |
|
| <HR align="位置"> |
|
| <HR color="顏色英文or色碼"> |
|
| <HR noshade> |
|
| <MARQUEE>...</MARQUEE> |
跑馬燈 scroll 沒有其他指定預設為 alternate 左右往返 slide 到另一側停止 設定值：下方表格 |
| <MARQUEE behavior="scroll">...</MARQUEE> |
|
| <MARQUEE behavior="alternate">...</MARQUEE> |
|
| <MARQUEE behavior="slide">...</MARQUEE> |
|
| <MARQUEE direction="left / right / up / down">...</MARQUEE> |
|
|
<MARQUEE scrolldelay="速度">...</MARQUEE>
|
|
| <MARQUEE scrollamount="一次移動距離">...</MARQUEE> |
|
| <MARQUEE loop="迴轉次數">...</MARQUEE> |
|
| <MARQUEE width="設定值">...</MARQUEE> |
|
| <PRE>...</PRE> |
小範圍文字區塊，標籤內的文字不虛<BR>也能換行，但是文字太長的話會出現滾輪，再是當的地方換行 |
| <BODY link="顏色英文or色碼名">...</BODY> |
連結文字顏色 |
| <BODY vlink="顏色英文or色碼名">...</BODY> |
點過連結文字顏色 |
| <BODY alink="顏色英文or色碼名">...</BODY> |
單擊時文字顏色 |
| <UL><LI>...</LI></UL> |
項目符號，每項用<LI>...</LI>表示 |
| <UL type="種類"><LI>...</LI></UL> |
項目符號種類，disk、circle、square三種 |
| <OL><LI>...</LI></OL> |
數字項目，每項用<LI>...</LI>表示 |
|
<OL TYPE="a / A / 1 / i / I "><LI>～</LI></OL>
|
數字項目改變為大小寫英文、羅馬數字 |
| 設定值 | |
| width="像素值、%數" |
範圍的寬 |
| height="像素值、%數" |
範圍的高 |
| hspace="像素值" |
左右留白的大小 |
| vspace="像素值" |
上下留白的大小 |
| bgcolor="顏色英文or色碼" |
背景顏色 |
| 表格建構 | |
| <TABLE>...</TABLE> |
表格主體 |
| <TR>...</TR> | 行 |
| <TD>...</TD> | 列 |
|
<TH>...</TH>
|
格式設定，後來表格不需另外調整 |
| <TABLE border="像素值">...</TABLE> |
表格格線粗細 |
| <TABLE width="像素值、%數" height="像素值、%數"> |
表格整體長、寬 |
|
<TD width="像素值、%數" height="像素值、%數">...</TD>
|
列個別設定 |
| <TD colspan="數字">...</TD> |
橫的合併表格、數字不能超過既有格子數量 |
| <TD rowspan="數字">...</TD> |
縱的合併表格、數字不能超過既有格子數量 |
|
<TABLE cellpadding="像素值">...</TABLE>
|
文字與表格的距離 |
|
<TABLE cellspacing="像素值">...</TABLE>
|
格線距離 |
| <TD align="left / center / right" valign="top / middle / bottom">...</TD> |
表格內容位置調整 |
| <TABLE bgcolor="顏色英文or色碼" >...</TABLE> |
整體表格背景 |
| <TR bgcolor="顏色英文or色碼" >...<TD> | 特定格子背景 |
| <TABLE background="圖檔">...</TABLE> |
整體表格背景 (重複圖案) |
|
<TABLE bordercolor="顏色英文or色碼">...</TABLE>
|
表格格線顏色 |
| 分割頁面 | |
| <FRAMESET cols="左邊寬度,右邊寬度" > <FRAME src="左邊頁面檔名（連結）"> <FRAME src="右邊頁面檔名（連結）"> </FRAMESET> |
左右分割 |
| <FRAMESET rows="上面寬度,下面寬度" > <FRAME src="上面頁面檔名（連結）"> <FRAME src="下面頁面檔名（連結）"> </FRAMESET> |
上下分割 |
| http://masaboo.cside.com/new_html1/ht_37.htm |
|
| <NOFRAMES>...</NOFRAMES> |
使用的瀏覽器無法顯示框架之提示 |
| <FRAME src="URL" noresize> |
固定框架大小 |
| <FRAMESET frameborder="0"> |
消除框架線，非白色背景會有白線存在 |
|
<FRAMESET border="像素值">
|
指定框架線的寬度，設為0時不會有殘線存在 |
|
<FRAME scrolling="yes / no / auto ">
|
框架捲軸顯現與否 yes 就算內容沒有超過介面也會被表示出來 |
| <IFRAME src="檔名" width="像素值" height="像素值"> |
在頁面中製造小框架來顯示另一個檔案 |
| frameborder="0、1" scrolling="yes / no / auto " marginheight="內容與框架上下的間隔" marginwidth="內容與框架左右的間隔" |
小框架細部設定 |