1. Web前端最全面試寶典- Html篇
HTML
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性；
2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。
3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
用於聲明文檔使用那種規范（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug
4.行內元素有哪些?塊級元素有哪些?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
5.HTML全局屬性(global attribute)有哪些
參考資料：MDN: html global attribute或者W3C HTML global-attributes
accesskey
:設置快捷鍵，提供快速訪問元素如aaa在windows下的firefox中按alt + shift + a
可激活元素
class
:為元素設置類標識，多個類名用空格分開，CSS和javascript可通過class屬性獲取元素
contenteditable
: 指定元素內容是否可編輯
contextmenu
: 自定義滑鼠右鍵彈出菜單內容
data-*
: 為元素增加自定義屬性
dir
: 設置元素文本方向
draggable
: 設置元素是否可拖拽
dropzone
: 設置元素拖放類型： , move, link
hidden
: 表示一個元素是否與文檔。樣式上會導致元素不顯示，但是不能用這個屬性實現樣式效果
id
: 元素id，文檔內唯一
lang
: 元素內容的的語言
spellcheck
: 是否啟動拼寫和語法檢查
style
: 行內css樣式
tabindex
: 設置元素可以獲得焦點，通過tab可以導航
title
: 元素相關的建議信息
translate
: 元素和子孫節點內容是否需要本地化
6.什麼是web語義化,有什麼好處
web語義化是指通過HTML標記表示頁麵包含的信息，包含了HTML標簽的語義化和css命名的語義化。 HTML標簽的語義化是指：通過使用包含語義的標簽（如h1-h6）恰當地表示文檔結構 css命名的語義化是指：為html標簽添加有意義的class，id補充未表達的語義，如Microformat通過添加符合規則的class描述信息 為什麼需要語義化：
去掉樣式後頁面呈現清晰的結構
盲人使用讀屏器更好地閱讀
搜索引擎更好地理解頁面，有利於收錄
便團隊項目的可持續運作及維護
7.html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
新特性：
HTML5 現在已經不是 SGML 的子集，主要是關於圖像，位置，存儲，多任務等功能的增加。
拖拽釋放(Drag and drop) API
語義化更好的內容標簽（header,nav,footer,aside,article,section）
音頻、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
sessionStorage 的數據在瀏覽器關閉後自動刪除
表單控制項，calendar、date、time、email、url、search
新的技術webworker, websocket, Geolocation
移除的元素：
純表現的元素：basefont，big，center，font, s，strike，tt，u；
對可用性產生負面影響的元素：frame，frameset，noframes；
支持HTML5新標簽：
IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽，可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽，瀏覽器支持新標簽後，還需要添加標簽默認的樣式（當然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架）：
如何區分：
DOCTYPE聲明新增的結構元素、功能元素
8. HTML5 存儲類型有什麼區別？
HTML5 能夠本地存儲數據，在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲方案：
localStorage - 沒有時間限制的數據存儲，數據永遠不會過期，關閉瀏覽器也不會丟失
sessionStorage - 針對一個 session 的數據存儲，同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷毀。
9. HTML5 標准提供了哪些新的API？
1：canvas，不用多說，可以畫出很多絢麗的圖形，甚至可以直接做出偽3D游戲。
2：媒體控制，也很好理解(直譯就是回放功能，假如只用html5.0以下的標簽寫，以前的音樂播放是不可能實現滾動條的。)
3：離線網頁程序，可以把資源文件完全緩存在客戶端，並且通過js的一些方法清空緩存
4：文檔編輯，應該是更好的支持對文檔的編輯。
5：拖動，可以將文件拖動到某些區域上傳
6：跨文檔請求，websocket，一種更加高效的通訊方式
7：歷史管理，可以通過js管理和插入歷史記錄
8：MIME頭自定義
9：客戶端數據存儲，localstoage sessionstoage
10：地理位置共享
11：本地資料庫
12：索引資料庫
10.HTML5 應用程序緩存和瀏覽器緩存有什麼區別？
HTML5 引入了應用程序緩存，這意味著 web 應用可進行緩存，並可在沒有網際網路連接時進行訪問。
應用程序緩存為應用帶來三個優勢：
離線瀏覽 - 用戶可在應用離線時使用它們
速度 - 已緩存資源載入得更快
減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。
11.常用那幾種瀏覽器測試？有哪些內核(Layout Engine)?
(Q1)瀏覽器：IE，Chrome，FireFox，Safari，Opera。
(Q2)內核：Trident，Gecko，Presto，Webkit。
12.請描述一下 cookies，sessionStorage 和 localStorage 的區別？
cookie在瀏覽器和伺服器間來回傳遞。 sessionStorage和localStorage不會
sessionStorage和localStorage的存儲空間更大；
sessionStorage和localStorage有更多豐富易用的介面；
sessionStorage和localStorage各自獨立的存儲空間；
13.如何實現瀏覽器內多個標簽頁之間的通信?
調用localstorge、cookies等本地存儲方式
14.請寫出localStorage對象的常用方法。
存儲 - localStorage.setItem(key, value) - 如果key存在，更新value
獲取 - localStorage.getItem(key) - 如果key不存在，返回null
刪除 - localStorage.removeItem(key) - 刪除key對應的數據
全部清除 - localStorage.clear() - 清空localStorage中所有數據
遍歷 - localStorage.length
遍歷 - localStorage.key(index)
15.如何在HTML5中啟用應用程序緩存？
<html manifest="fileName.appcache">
每個指定了manifest的頁面在用戶對其訪問時都會被緩存。
.appcache是manifest文件的擴展名
16.html5 離線存儲
Html5的一個重要特性就是離線存儲，所謂的離線存儲就是將一些資源文件保存在本地，這樣後續的頁面重新載入將使用本地資源文件，在離線情況下可以繼續訪問web應用，同時通過一定的手法（更新相關文件或者使用相關API），可以更新、刪除離線存儲等操作。
Html5的離線存儲使用一個manifest文件來標明哪些文件是需要被存儲的，使用如 <html manifest='offline.manifest'> 來引入一個manifest文件，這個文件的路徑可以是相對的，也可以是絕對的，如果你的web應用很多，而且希望能集中管理manifest文件，那麼靜態文件伺服器是個不錯的選擇。
17.HTML5 Canvas 元素有什麼用？
Canvas 元素用於在網頁上繪制圖形，該元素標簽強大之處在於可以直接在 HTML 上進行圖形操作
2. php中的<h1>。。</h1>是什麼意思
這個不是php代碼 這個只是html標簽 即超文本標記語言 是前端代碼
<h1>為雙標簽，即<h1>開始，</h1>結束。是學習網頁製作最最基本的。
<h1>表示標題
3. 在web前端當中,什麼是元素
元素就是標簽，比如p標簽、h1-h6標簽、div標簽、ul li標簽等，用這些元素來組成框架
4. web前端中有哪些塊級
web前端的css中有塊級元素和行內元素。
常見塊級元素：
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 標題一級
<h2>...</h2> 標題二級
<h3>...</h3> 標題三級
<h4>...</h4> 標題四級
<h5>...</h5> 標題五級
<h6>...</h6> 標題六級
<hr> 水平分割線
<p>...</p> 段落
<pre>...</pre> 預格式化
<blockquote>...</blockquote> 段落縮進 前後5個字元
<marquee>...</marquee> 滾動文本
<ul>...</ul> 無序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定義列表
<table>...</table> 表格
<form>...</form> 表單
<div>...</div>
HTML5新增塊級元素
<header>...</header>簽定義文檔的頁眉（介紹信息）。
<section>...</section>標簽定義文檔中的節（section、區段）。比如章節、頁眉、頁腳或文檔中的其他部分。
<footer>...</footer>標簽定義文檔或節的頁腳。應當含有其包含元素的信息。頁腳通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等 等。可以在一個文檔中使用多個 <footer> 元素。聯系信息應該位於 <address> 標簽中。
<aside>...</aside>標簽定義其所處內容之外的內容。其內容應該與附近的內容相關。可做側欄。
<nav>...</nav>標簽定義導航鏈接的部分。
<main>...</main>標簽規定文檔的主要內容。其元素中的內容對於文檔來說應當是唯一的。它不應包含在文檔中重復出現的內容，比如側欄、導航欄、 版權信息、站點標志或搜索表單。在一個文檔中，不能出現一個以上的 <main> 元素。<main> 元素不能是以下元素的後代： <article>、<aside>、<footer>、<header> 或 <nav>。
<article>...</article>標簽規定獨立的自包含內容。元素的潛在來源：論壇帖子、報紙文章、博客條目、用戶評論。
<figure>...</figure>標簽規定獨立的流內容（圖像、圖表、照片、代碼等等）
5. web前端如何讓網頁布局穩定性和標准性
為了實現網頁布局的穩定性和標准性，我們可以從下面幾方面努力：
一、 <!DOCTYPE> 標記的重要性。
位 於文檔的最前面，用於向瀏覽器說明當前文檔使用哪種 HTML 或 XHTML 標准 規范，我們必需在開頭處使用<!DOCTYPE>標記為 所有的XHTML文檔指定XHTML版本和類型，只有這樣瀏覽器才能將該網頁作為有 效的XHTML文檔，並按指定的文檔類型進行解析。
<!DOCTYPE> 標記和瀏覽器的兼容性相關，刪除<!DOCTYPE>，就是把如何展示HTML頁面的權利交給瀏覽器， 這 時，IE6，IE7，IE8，Firefox2，Firefox3，Chrome，有多少種瀏覽器，頁面就有可能有多少中顯示效果，這是不被允許的。
二、合適地方用到合適的標簽
物盡其用人盡其才。 再合適的地方用到合理的標簽，對網頁布局和優化都有很多的好處，比如logo ，一般我們都用h1 標簽包括。 還有理解行內元素和塊級元素的區別。
一個頁面不要只用div，太多反而太泛濫了。table雖然用的少，但是，再做一些數據處理的時候，還是比較好用的。
三、站在標准流的角度看padding 和 maring 、width等屬性穩定性
我們知道頁面布局的時候，控制盒子位置距離等，有盒子本身大小，padding和margin來做。
因此，再這里我們會根據穩定性來看這三者的先後順序：
其中穩定性最好的就是盒子本身的高度和寬度了，我們優先考慮這個。 因此，很多情況下，我們會考慮利用高度剩餘法，寬度剩餘法來做，而不是padding和margin。
這個評論和下面的文本域框有個小距離， 此時，我們給這個評論一個h2標簽，高度正好從評論上方，到文本域上的高度就好了。
h2 裡面文字內容默認是靠左上對齊的，高度用不了，就剩下了，這就是高度剩餘法。
其次，我們才考慮padding ，因為padding也可以看做特殊的盒子高度和寬度，最後我們再用margin來做。因為margin會有邊距合並的問題。
四、標准流、浮動流和定位的穩定性
標准流再裡面是最穩定的，就是塊級元素上下顯示，行內一行顯示，都是最穩定的。
浮動和定位都「脫標」了，穩定性沒那麼穩定，所以，我們應該遵循如下原則：
頁面布局，能用標准流去做的不用浮動去做，如果要用浮動做的，就不用定位去做。
五、知己知彼百戰百勝
總會有特殊的瀏覽器，比如ie6 ，這些奇葩瀏覽器總是有自己獨到的地方，那我們怎辦? 兵法雲，知己知彼百戰百勝，因此，需要我們詳細的了解這些瀏覽器自己獨特的特性，或者掌握他們ie6常常出現的bug，以及對於css 的理解，那麼我們根據他們的不同解析，寫出合理的布局。
六、不要讓清除內外邊距帶來麻煩
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
這句話，大家都知道，清除瀏覽器樣式的。但是如果你不加，不同瀏覽器肯定顯示不太一樣。所以，css的第一句話就是它。還有就是要使用大部分瀏覽支持的css屬性不至於引起不必要的麻煩。
6. web前段中h標簽啥意思
html當中沒有h標簽，你說的可能是某個框架當中的
自定義標簽
，
html5
允許自定義標簽。
html標准當中h開頭的有h1到h6標簽和hr標簽。h1到h6是定義標題的標簽，其中h1為一般用於主標題，其他的可以定義副標題。hr為
分隔線
，一般情況可用樣式代替。
7. h1標簽是在網頁的哪個位置的
h1是html，css庫里自帶的系統標簽，代表大號標題。顯示出來的字體比較大。
一般都不會用到。大多自定義字體大小
如果圖方便的話，有的前端也會用的。
不過h1也可以重定義大小。
8. 網頁HTML代碼中的h1，p，a，tr，td分別代表什麼意思，還有他們的全英文名是什麼
這些都是HTML中的常用標簽 他們都有特定的定義
沒有英文全名
HTML標簽詳解
結構
＜html＞
＜head＞
＜title＞標題＜/title＞
＜/head＞
＜body＞
..........文件內容..........
＜/body＞
＜/html＞
1.文件標題
＜title＞..........＜/title＞
2.文件更新--＜meta＞
【1】10秒後自動更新一次
＜meta http-equiv="refresh" content=10＞
【2】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為最小字
2.字體變化 ＜font＞..........＜/font＞
【1】字體大小 ＜font size=#＞..........＜/font＞ #=1~7；數字愈大字也愈大
【2】指定字型 ＜font face="字型名稱"＞..........＜/font＞
【3】文字顏色 ＜font color=#rrggbb＞..........＜/font＞ rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍色（blue）色碼
3.顯示小字體 ＜small＞..........＜/small＞
4.顯示大字體 ＜big＞..........＜/big＞
5.粗體字 ＜b＞..........＜/b＞
6.斜體字 ＜i＞..........＜/i＞
7.打字機字體 ＜tt＞..........＜/tt＞
8.底線 ＜u＞..........＜/u＞
9.刪除線 ＜strike＞..........＜/strike＞
10.下標字 ＜sub＞..........＜/sub＞
11.上標字 ＜sup>..........＜/sup＞
12.文字閃爍效果 ＜blink＞..........＜/blink＞
13.換行 ＜br＞
14.分段 ＜p＞
15.文字的對齊方向 ＜p align="#"＞ #號可為 left：表向左對齊（預設值） center：表向中對齊 right：表向右對齊 P.S.＜p align="#"＞之後的文字都會以所設的對齊方式顯示， 直到出現另一個＜p align="#"＞改變其對齊方向，或遇到 ＜hr＞?＜h#＞標簽時會自動設回預設的向左對齊。
16.分隔線 ＜hr＞
【1】分隔線的粗細 ＜hr size=點數＞
【2】分隔線的寬度 ＜hr size=點數或百分比＞
【3】分隔線對齊方向 ＜hr align="#"＞ #號可為 left：表向左對齊（預設值） center：表向中對齊 right：表向右對齊
【4】分隔線的顏色 ＜hr color=#rrggbb＞
【5】實心分隔線 ＜hr noshade＞
17.向中對齊 ＜center＞..........＜/center＞
18.依原始樣式顯示 ＜pre＞..........＜/pre＞
19.＜body＞指令的屬性
【1】背景顏色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景圖案 -- background ＜body background="圖形文件名"＞
【3】設定背景圖案不會卷動 -- bgproperties ＜body bgproperties=fixed＞
【4】文件內容文字的顏色 -- text ＜body text=#rrggbb＞
【5】超連結文字顏色 -- link ＜body link=#rrggbb＞
【6】正被選取的超連結文字顏色 -- vlink ＜body vlink=#rrggbb＞
【7】已連結過的超連結文字顏色 -- alink ＜body alink=#rrggbb＞
20.註解 ＜!--..........--＞21.特殊字元表示法
符 號 語 法
＜ ＆lt
＞ ＆gt
& ＆amp
" ＆quot
空白 ＆nbsp
圖片
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"＞
＜area shape=形狀 coords=區域座標列表 href="連結點之URL"＞ ＜/map＞
【1】定義形狀 -- shape
shape=rect：矩形 shape=circle：圓形 shape=poly：多邊形
【2】定義區域 -- 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"＞
表格
1.定義表格 ＜table＞..........＜/table＞
【1】設定邊框的厚度 -- border
＜table border=點數＞
【2】設定格線的寬度 -- cellspacing
＜table cellspacing=點數＞
【3】設定資料與格線的距離 -- cellpadding
＜table cellpadding=點數＞
【4】調整表格寬度 -- width
＜table width=點數或百分比＞
【5】調整表格高度 -- height
＜table height=點數或百分比＞
【6】設定表格背景色彩 -- bgcolor
＜table bgcolor=#rrggbb＞
【7】設定表格邊框色彩 -- bordercolor
＜table bordercolor=#rrggbb＞
2.顯示格線 ＜table border＞
3.表格標題
＜caption＞..........＜/caption＞
表格標題位置 -- align
＜caption align="#"＞ #號可為 top：表標題置於表格上方（預設值）
bottom：表標題置於表格下方
4.定義列 ＜tr＞
5.定義欄位 《1》＜td＞：靠左對齊
《2》＜th＞：靠中對齊?粗體
【1】水平位置 -- align ＜th align="#"＞
#號可為 left：向左對齊
center：向中對齊 right：向右對齊
【2】垂直位置 -- align ＜th align="#"＞ #號可為
top：向上對齊 middle：向中對齊
bottom：向下對齊
【3】欄位寬度 -- width
＜th width=點數或百分比＞
【4】欄位垂直合並 -- rowspan
＜th rowspan=欲合並欄位數＞
【5】欄位橫向合並 -- colspan
＜th colspan=欲合並欄位數＞
清單
一、目錄式清單
＜dir＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/dir＞ P.S.目錄式清單每一個項目不能超過20個字元（即10個中文字）
二、選項式清單 ＜menu＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/menu＞
三、有序號的清單 ＜ol＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/ol＞
【1】序號形式 -- type ＜ol type=#＞或＜li type=#＞ #號可為 A：表以大寫英文字母A?B?C?D...做為項目編號 a：表以小寫英文字母a?b?c?d...做為項目編號 I：表以大寫羅馬數字做為項目編號 i：表以小寫羅馬數字做為項目編號 1：表以阿拉伯數字做為項目編號（預設值）
【2】起始數字 -- start ＜ol start=欲開始計數的序數＞
【3】指定編號 -- value ＜li value=欲指定的序數＞
四、無序號的清單 ＜ul＞ ＜li＞項目1 ＜li＞項目2 ＜li＞項目3 ＜/ul＞
【1】項目符號形式 -- type ＜ul type=#＞或＜li type=#＞ #號可為 disc：實心圓點（預設值） circle：空心圓點 square：實心方塊
【2】原始清單 -- plain ＜ul plain＞
【3】清單排列方式 -- warp 《1》清單垂直排列 ＜ul warp = vert＞ 《2》清單水平排列 ＜ul warp = horiz＞
五、定義式清單 ＜dl＞ ＜dt＞項目1 ＜dd＞項目1說明 ＜dt＞項目2 ＜dd＞項目2說明 ＜dt＞項目3 ＜dd＞項目3說明 ＜/dl＞
緊密排列 -- compact ＜dl compact＞ P.S.如此可使＜dt＞的內容與＜dd＞的內容在同一行，僅 以數格空白相隔而不換行，但若＜dt＞的文字超過一 定的長度後，compact的作用就消失了！
表單
一、基本架構 ＜form action="處理資料用的CGI程式之URL"或"mailto:電子信箱的URL" method="get或post"＞ .......... .......... .......... ＜/form＞
二、輸入文件型表單 ＜form action="URL" method="post"＞ ＜input＞ ＜input＞ .......... .......... ＜/form＞
【1】欄位類型 -- type ＜input type=#＞ #號可為 text：文字輸入 password：密碼 checkbox：多選鈕 radio：單選鈕 submit：接受按鈕 reset：重設按鈕 image：圖形鈕 hidden：隱藏欄位
【2】欄位名稱 -- name ＜input name="資料欄名"＞ P.S.若type為submit?reset則name不必設定
【3】文件上的預設值 -- value ＜input value="預設之字串"＞
【4】設定欄位的寬度 -- size ＜input size=字元數＞
【5】限制最大輸入字串的長度 -- maxlength ＜input maxlength=字元數＞
【6】預設checkbox或radio的初值 -- checked ＜input type=checkbox checked＞ ＜input type=radio checked＞
【7】指定圖形的URL -- src ＜input type=image src="圖檔名"＞
【8】圖文對齊 -- align ＜input type=image align="#"＞ #號可為 top：文字對齊圖片之頂端 middle：文字對齊圖片之中間 buttom：文字對齊圖片之底部
三、選擇式表單 ＜form action="URL" method="post"＞ ＜select＞ ＜option＞ ＜option＞ .......... .......... ＜/select＞ ＜/form＞
A、＜select＞的屬性
【1】欄位名稱 -- name ＜select name="資料欄位名"＞
【2】設定顯示的選項數 -- size ＜select size=個數＞
【3】多重選項 -- multiple ＜select multiple＞
B、＜option＞的屬性
【1】定義選項的傳回值 -- value ＜option value="傳回值"＞
【2】預先選取的選項 -- selected ＜option selected＞
四、多列輸入文字區表單 ＜form action="URL" method="post"＞ ＜textarea＞ .......... .......... ＜/textarea＞ ＜/form＞
【1】文字區的變數名稱 -- name ＜textarea name=變數名稱＞
【2】設定文字輸入區寬度 -- cols ＜textarea cols=字元數＞
【3】設定文字輸入區高度 -- rows ＜textarea rows=列數＞
【4】輸入區設定預設字串 ＜textarea＞ 預設文字 ＜/textarea＞
【5】自動換行與否 -- wrap ＜textarea wrap=#＞ #號可為 off：表輸入的文字超過欄寬時，不會自動換行（預設值） virtual：表輸入的文字在超過欄寬時會自動換行
鏈接
一、連結至其他文件 ＜a href="URL"＞說明文字或圖片＜/a＞
二、連結至文件內之某一處（外部連結）
《1》起點
＜a href="檔名#名稱"＞..........＜/a＞
《2》終點 ＜a name="名稱"＞
三、frame的超連結
【1】開啟新的瀏覽器來顯示連結文件 -- _blank ＜a href="URL" target=_blank＞
【2】顯示連結文件於目前的frame -- _self ＜a href="URL" target=_self＞
【3】以上一層的分割視窗顯示連結文件 -- _parent ＜a href="URL" target=_parent＞
【4】以全視窗顯示連結文件 -- _top ＜a href="URL" target=_top＞
【5】以特定視窗顯示連結文件 --＜a href="URL" target="特定視窗名稱"＞
FRAME
一、分割視窗指令 ＜frameset＞..........＜/frameset＞
【1】垂直（上下）分割 -- rows
＜frameset rows=#＞ #號可為點數：如欲分割為100,200,300三個視窗，則
＜frameset rows=100,200,300＞；亦可以*號代表，如＜frameset rows=*,500,*＞
百分比：如＜frameset rows=30%,70%＞，各 項總和最好為100%
【2】水平（左右）分割 -- cols ＜frameset cols=點數或百分比＞
二?指定視窗內容 -- ＜frame＞
＜frameset cols=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞
【1】指定視窗的文件名稱 -- src ＜frame src=HTML檔名＞
【2】定義視窗的名稱 -- name
＜frame name=視窗名稱＞
【3】設定文件與上下邊框的距離 -- marginheight
＜frame marginheight=點數＞
【4】設定文件與左右邊框的距離 -- marginwidth
＜frame marginwidth=點數＞
【5】設定分割視窗卷軸 -- scrolling
＜frame scrolling=#＞ #號可為 yes：固定出現卷軸
no：不出現卷軸 auto：自動判斷文件大小需不需要卷軸（預設值）
【6】鎖住分割視窗的大小 -- noresize ＜frame noresize＞
更多更全的請看下面http://www.w3school.com.cn/tags/
9. 如何將前端開發技術用<h1>標簽設置為紫色標題
<style>
h1{
color:purple;
}
</style>
<h1>使用最基本的選擇器即可啊</h1>
在前端開發當中，將h1標簽的內容設置為紫色，只需要使用最基礎的CSS選擇器就可以了啊
（上圖為該段代碼的顯示效果）