HTML基礎(chǔ)知識點 入門參考模板_第1頁
HTML基礎(chǔ)知識點 入門參考模板_第2頁
HTML基礎(chǔ)知識點 入門參考模板_第3頁
HTML基礎(chǔ)知識點 入門參考模板_第4頁
HTML基礎(chǔ)知識點 入門參考模板_第5頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、HTML(HyperText MarkUp Language) 超文本標(biāo)簽語言HTML：網(wǎng)頁的“源碼”瀏覽器：“解釋和執(zhí)行”HTML源碼的工具<head>標(biāo)簽 tml文檔的首要部分。記錄文件基本資料，如作者、編寫時間。head部分所包含的元素：元素描述title文檔標(biāo)題meta描述非html標(biāo)準(zhǔn)的一些文檔信息link描述當(dāng)前文檔與其他文檔之間的連接關(guān)系base定義體試時默認的外部資源script腳本程序內(nèi)容style樣式表內(nèi)容<body>標(biāo)簽描述文檔內(nèi)容,文件資料，即在瀏覽器上看到的網(wǎng)站內(nèi)容。<title>標(biāo)簽（head標(biāo)簽中）title包含的內(nèi)容將會被顯示

2、在瀏覽器窗口的標(biāo)題欄中。<meta>標(biāo)簽（head標(biāo)簽中）描述文檔類型和字符編碼描述搜索關(guān)鍵字和描述<meta http-equiv="content-type" content="text/html;charset="GB2312">  通過此語句設(shè)定語言的編碼方式。（簡體中文GB3212 繁體中文BIG5） <meta name="keywords" content（內(nèi)容）="html,css,javascript"> <meta

3、 name="description"(描述，描寫) content="網(wǎng)頁制作">  這些信息是不可見的，只是提供給那些搜索引擎使用。1 / 5HTML標(biāo)簽分類：塊級標(biāo)簽：顯示為塊狀 前后隔一行(占一行)行級標(biāo)簽：按行逐一顯示分類的好處：方便后續(xù)布局設(shè)計基本塊級標(biāo)簽標(biāo)題標(biāo)簽 <h1>一級標(biāo)題</h1> <h2>二級標(biāo)題</h2> <h6>六級</h6>水平線標(biāo)簽 <hr/> 圖片標(biāo)簽 img段落<p></p>換行<

4、br/>用于布局的塊級標(biāo)簽列表無序列表（以·分割）有序列表（以分割）自定義列表有序列表標(biāo)簽<ol><li>列表項1</li><li>列表項2</li><li>列表項3</li></ol>無序列表<ul><li>列表項1</li><li>列表項2</li><li>列表項3</li></ul>自定義列表（適合用于圖文混排）<dl><dt>標(biāo)題</dt

5、> (dt是塊狀標(biāo)簽)<dd>描述1</dd><dd>描述2</dd><dd>描述3</dd></dl>圖文混編<dl><dt>圖片HTML代碼</dt> <dd>描述</dd></dl>分區(qū)標(biāo)簽<div> (當(dāng)做結(jié)構(gòu)化塊使用，相當(dāng)于一個容器)布局經(jīng)驗div +ul/ol 用于分類菜單或?qū)Ш降萪iv+dl+dt+dd 用于圖文混編table+tr+td 用于圖文布局或顯示數(shù)據(jù)form+ table+tr+td 用于布局表單

6、行級標(biāo)簽<span><span>文本等行級內(nèi)容</span>W3C 萬維網(wǎng)聯(lián)盟列的標(biāo)準(zhǔn)HTML內(nèi)容方面：XHTML（HTML與XML過渡產(chǎn)品）標(biāo)簽名和屬性名必須小寫標(biāo)簽必須關(guān)閉屬性值必須用括號引起來標(biāo)簽必須正確嵌套必須添加文檔類型聲明樣式美化方面：CSS結(jié)構(gòu)文檔訪問方面：OM頁面交互方面：Script原則：1.內(nèi)容和表現(xiàn)（樣式）分離 便于后期維護和修改（文字內(nèi)容與文字字體分離）2.HTML代碼應(yīng)能表示頁面的內(nèi)容語義，便于搜索引擎搜索（列表需用列表標(biāo)簽，不能使用段落標(biāo)簽）超鏈接語法<a href=”url” target=”目標(biāo)窗口位置”>鏈接文本

7、或圖像</a>超鏈接分類頁面間鏈接錨鏈接功能性鏈結(jié)表格<table> (兩行三列)<tr>(行)<td>(列) </td><td>(列) </td><td>(列) </td></tr><tr>(行)<td>(列) </td><td>(列) </td><td>(列) </td></tr></table>跨行/跨行<table border="1"

8、> <tr><td rowspan="3">手機充值</td> （跨行）<td>IP卡</td><td>網(wǎng)游</td></tr><tr><td>移動</td><td>聯(lián)通</td></tr><tr><td colspan="2">聯(lián)通</td> （跨列）</tr></table>表單（接受用戶輸入信息，與后臺交互）<f

9、orm><table></table><tr><td> </td></tr></form><form action=”表單提交地址” method=”提交方法”> (method ：post/get)文本框、按鈕等表單元素</form>Get：提供數(shù)據(jù)量小，提交的數(shù)據(jù)在地址欄上可見Post：提供數(shù)據(jù)量大，提交的數(shù)據(jù)不可見（比較安全）框架<iframe>可以把一個頁面嵌入到另一個頁面中框架的兩類用途 1.顯示多窗口頁面 <frameset>框架集（不能放在body內(nèi)）2.頁面復(fù)用使用<iframe/>（可以放在body中）創(chuàng)建框架網(wǎng)頁步驟創(chuàng)

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論