html指令詳解
結構＜html＞
＜head＞
＜title＞標題＜title＞
＜/head＞
＜body＞..........檔案內容..........
＜/body＞
＜/html＞
1.檔案標題
＜title＞..........＜/title＞
2.檔案更新--＜meta＞
10秒後自動更新一次
10秒後自動鏈結到另一檔案
＜meta http-equiv="refresh" content="10；url=欲鏈結檔案之url"＞
3.查詢用表單--＜isindex>
若欲設定查詢欄位前的提示文字：
＜isindex prompt="提示文字"＞
4.預設的基準路徑--＜base>
＜base href="放置檔案的主機之url"＞
版面1.標題文字 ＜h#＞..........＜/h#＞ #=1~6；h1為最大字，h6為最小字
文字顏色 ＜font color=#rrggbb＞..........＜/font＞ rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍色（blue）色碼
4.顯示大字型 ＜big＞..........＜/big＞
5.粗體字 ＜b＞..........＜/b＞
7.打字機字型 ＜tt＞..........＜/tt＞
8.底線 ＜u＞..........＜/u＞
9.刪除線 ＜strike＞..........＜/strike＞
10.下標字 ＜sub＞..........＜/sub＞
11.上標字 ＜sup>..........＜/sup＞
12.文字閃爍效果 ＜blink＞..........＜/blink＞
13.換行 ＜br＞
15.文字的對齊方向 ＜p align="#"＞ #號可為 left：表向左對齊（預設值） center：表向中對齊 right：表向右對齊 p.s.＜p align="#"＞之後的文字都會以所設的對齊方式顯示， 直到出現另乙個＜p align="#"＞改變其對齊方向，或遇到 ＜hr＞ⅱ＜h#＞標籤時會自動設回預設的向左對齊。
實心分隔線 ＜hr noshade＞
17.向中對齊 ＜center＞..........＜/center＞
18.依原始樣式顯示 ＜pre＞..........＜/pre＞
已鏈結過的超連結文字顏色 -- alink ＜body alink=#rrggbb＞
空白 ＆ｎｂｓｐ
1.插入 ＜img src="圖形檔名"＞
2.設定圖框 -- border ＜img src="圖形檔名" border=點數＞
3.設定圖形大小 -- widthⅱheight ＜img src="圖形檔名" width=寬度點數 height=高度點數＞
4.設定圖形上下左右留空 -- vspaceⅱhspace ＜img src="圖形檔名" vspace=上下留空點數 hspace=左右留空點數＞
5.圖形附註 ＜img src="圖形檔名" alt="說明文字"＞
6.預載
＜img src="高解析度圖形檔名" lowsrc="低解析度圖形檔名"＞ p.s.兩個圖的圖形大小最好一致
7.影像地圖（image map） ＜img src="圖形檔名" usemap="#圖的名稱"＞ ＜map name="圖的名稱"＞
＜area shape=形狀 coords=區域座標列表 href="鏈結點之url"＞
＜area shape=形狀 coords=區域座標列表 href="鏈結點之url"＞
＜area shape=形狀 coords=區域座標列表 href="鏈結點之url"＞
定義形狀 -- shape
定義區域 -- coords
a.矩形：必須使用四個數字，前兩個數字為左上角座標，後兩個數字為右下角座標
例：＜area shape=rect coords=100,50,200,75 href="url"＞
b.圓形：必須使用三個數字，前兩個數字為圓心的座標，最後乙個數字為半徑長度
例：＜area shape=circle coords=85,155,30 href="url"＞
c.任意圖形（多邊形）：將圖形之每一轉折點座標依序填入
例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="url"＞
**設定邊框的厚度 -- border
設定格線的寬度 -- cellspacing
設定資料與格線的距離 -- cellpadding
調整**寬度 -- width
調整**高度 -- height
設定**背景色彩 -- bgcolor
設定**邊框色彩 -- bordercolor
＜table bordercolor=#rrggbb＞
2.顯示格線 ＜table border＞
3.**標題
**標題位置 -- align
＜caption align="#"＞ #號可為 top：表標題置於**上方（預設值）
bottom：表標題置於**下方
4.定義列 ＜tr＞
5.定義字段 《1》＜td＞：靠左對齊
水平位置 -- align ＜th align="#"＞
#號可為 left：向左對齊
center：向中對齊 right：向右對齊
垂直位置 -- align ＜th align="#"＞ #號可為
top：向上對齊 middle：向中對齊
字段寬度 -- width
字段垂直合併 -- rowspan
字段橫向合併 -- colspan
＜th colspan=欲合併字段數＞
清單＜dir＞ ＜li＞專案1 ＜li＞專案2 ＜li＞專案3 ＜/dir＞ p.s.目錄式清單每乙個專案不能超過20個字元（即10個中文字）
二、選項式清單 ＜menu＞ ＜li＞專案1 ＜li＞專案2 ＜li＞專案3 ＜/menu＞
value
value
=欲指定的序數＞
清單排列方式 -- warp 《1》清單垂直排列 ＜ul warp = vert＞ 《2》清單水平排列 ＜ul warp = horiz＞
緊密排列 -- compact ＜dl compact＞ p.s.如此可使＜dt＞的內容與＜dd＞的內容在同一行，僅 以數格空白相隔而不換行，但若＜dt＞的文字超過一 定的長度後，compact的作用就消失了！
表單value
value
**對齊 -- align ＜input type=image align="#"＞ #號可為 top：文字對齊之頂端 middle：文字對齊之中間 buttom：文字對齊之底部
value
value
預先選取的選項 -- selected ＜option selected＞
自動換行與否 -- wrap ＜textarea wrap=#＞ #號可為 off：表輸入的文字超過欄寬時，不會自動換行（預設值） virtual：表輸入的文字在超過欄寬時會自動換行
鏈結一、鏈結至其他檔案 ＜a href="url"＞說明文字或＜/a＞
《1》起點
《2》終點 ＜a name="名稱"＞
開啟新的瀏覽器來顯示鏈結檔案 -- _blank ＜a href="url" target=_blank＞
顯示鏈結檔案於目前的frame -- _self ＜a href="url" target=_self＞
以上一層的分割視窗顯示鏈結檔案 -- _parent ＜a href="url" target=_parent＞
以特定視窗顯示鏈結檔案 --＜a href="url" target="特定視窗名稱"＞
frame
垂直（上下）分割 -- rows
＜frameset rows=#＞ #號可為點數：如欲分割為100,200,300三個視窗，則
＜frameset rows=100,200,300＞；亦可以*號代表，如＜frameset rows=*,500,*＞
百分比：如＜frameset rows=30%,70%＞，各 項總和最好為100%
水平（左右）分割 -- cols ＜frameset cols=點數或百分比＞
二ⅱ指定視窗內容 -- ＜frame＞
＜frameset cols=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞
定義視窗的名稱 -- name
設定檔案與上下邊框的距離 -- marginheight
設定檔案與左右邊框的距離 -- marginwidth
設定分割視窗卷軸 -- scrolling
＜frame scrolling=#＞ #號可為 yes：固定出現卷軸
no：不出現卷軸 auto：自動判斷檔案大小需不需要卷軸（預設值）
鎖住分割視窗的大小 -- noresize ＜frame noresize＞
html標籤詳解
宣告必須是 html 文件的第一行，位於 標籤之前。宣告不是 html 標籤 它是指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫的指令。標籤意義 定義網頁標題 定義內部樣式表 定義js 或引入外部js檔案 引入外部樣式表檔案 定義網頁原資訊 meta標籤介紹 標籤位於文件的頭部，不包含...
html常用標籤
總類 所有html檔案都有的 檔案型別 放在檔案的開頭與結尾 檔案主題 必須放在 文頭 區塊內 文頭 描述性資料，像是 主題 文體 檔案本體 結構性定義 由瀏覽器控制的顯示風格 標題 從1到6，有六層選擇 3.0 標題的對齊 3.0 區分 3.0 區分的對齊 引文區塊 通常會內縮 強調 通常會以斜體...
html常用標籤
一年前學的，沒怎麼用都忘了。現在整理筆記做一下複習。html hypertext markup language 注釋 空格 npsp 一 html的頭標籤 二 html常見標籤 1.加粗 2.下劃線 3.斜體 4.刪除線 5.遠洋輸出 6.下標 7.上標 div與span 劃分區域 自動換行 不換...