HTML基礎(chǔ)知識點(diǎn) 入門VIP

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