HTML(HyperTextMarkupLanguage)超文本標簽語言HTML:網頁的“源碼”閱讀器：“說明和執行"HTML源碼的工具vhead＞標簽tml文檔的首要部分。記錄文件基本資料，如作者、編寫時間。head部分所包含的元素:title文檔標題meta描述非html標準的一些文檔信息link描述當前文檔與其他文檔之間的連接關系base定義體試時默認的外部資源script腳本程序內容style樣式表內容vbody＞標簽描述文檔內容，文件資料，即在閱讀器上看到的網站內容。標簽（head標簽中）title包含的內容將會被顯示在閱讀器窗口的標題欄中。vmeta＞標簽（head標簽中）描述文檔類型和字符編碼描述搜尋關鍵字和描述<meta -equiv="content-type”content=ntext/html;charset=nGB2312n>通過此語句設定語言的編碼方式。（簡體中文GB3212繁體中文BIG5）<metaname="keywords"content（內容）="html,css,javascript"><metaname="description"（描述，描寫）content="網頁制作"〉這些信息是不行見的，只是供應應那些搜尋引擎運用。HTML標簽分類：塊級標簽：顯示為塊狀前后隔一行（占一行）行級標簽：按行逐一顯示分類的好處：便利后續布局設計基本塊級標簽標題標簽<hl>一級標題</hl><h2>二級標題</h2> <h6>六級</h6>水平線標簽<hr/>圖片標簽img段落<p></p>換行<br/>用于布局的塊級標簽一一列表無序列表（以?分割）有序列表（以分割）自定義列表有序列表標簽<ol><li>列表項l</li><li>列表項2</li><li>列表項3</li></ol>無序列表<ul><li>列表項l</li><li>列表項2</li><li>列表項3</li></ul>自定義列表（適合用于圖文混排）<dl><dt>標題</dt>（dt是塊狀標簽）vdd>描述l</dd><dd>描述2</dd><dd>描述3</dd></dl>圖文混編<dl>Vdt>圖片HTML代碼v/dt><dd>描述</dd></dl>分區標簽<div>（當做結構化塊運用，相當于一個容器）布局閱歷div+ul/ol 用于分類菜單或導航等div+dl+dt+dd用于圖文混編div+dl+dt+dd用于圖文混編table+tr+td用于圖文布局或顯示數據table+tr+td用于圖文布局或顯示數據form+table+tr+td用于布局表單行級標簽＜span＞＜span＞文本等行級內容＜/span＞W3C萬維網聯盟列的標準HTML內容方面：XHTML（HTML與XML過渡產品）廠標簽名和屬性名必需小寫＜標簽必需關閉I屬性值必需用括號引起來標簽必需正確嵌套必需添加文檔類型聲明樣式美化方面：CSS結構文檔訪問方面：OM頁面交互方面：Script原則：.內容和表現（樣式）分別便于后期維護和修改（文字內容與文字字體分別）.HTML代碼應能表示頁面的內容語義，便于搜尋引擎搜尋（列表需用列表標簽，不能運用段落標簽）超鏈接語法vahref="url"targeti'目標窗口位置”,鏈接文本或圖像</a>超鏈接分類頁面間鏈接錨鏈接功能性鏈結表格<table>（兩行三列）<tr>（行）vtd>（歹！J）</td>vtd>例）</td>vtd>例）</td></tr><tr>（行）vtd>例）</td>vtd>例）</td>vtd>（列）</td></tr></table>跨行/跨行<tableborder=nr'><tr><tdrowspan="3">手機充值</td>（跨行）<td>IP卡v/td><td>網游v/td></tr><tr>vtd>移動v/td><td>聯通v/td></tr><tr><tdcolspan="2">聯通</td>（跨列）</tr></table>表單（接受用戶輸入信息，與后臺交互）<form><table></table><tr><td></td></tr></form><formaction」'表單提交地址”method=,,提交方法”>(method:post/get)文本框、按鈕等表單元素</form>Get：供應數據量小，提交的數據在地址欄上可見Post：供應數據量大，提交的數據不行見（比較平安）框架<iframe>可以把一個頁面嵌入到另一個頁面中框架的兩類用途1.顯示多窗口頁歸1.顯示多窗口頁歸vframeset＞框架集（不能放在body內）2.頁面復用運用＜iframe/＞（可以放在body中）創建框架網頁步驟創建各