HTML基礎(chǔ)知識(shí)點(diǎn) 入門1_第1頁
HTML基礎(chǔ)知識(shí)點(diǎn) 入門1_第2頁
HTML基礎(chǔ)知識(shí)點(diǎn) 入門1_第3頁
HTML基礎(chǔ)知識(shí)點(diǎn) 入門1_第4頁
HTML基礎(chǔ)知識(shí)點(diǎn) 入門1_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

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

通過此語句設(shè)定語言的編碼方式。（簡體中文GB3212繁體中文BIG5）

<metaname="keywords"content（內(nèi)容）="html,css,javascript"><metaname="description"(描述，描寫)content="網(wǎng)頁制作">

這些信息是不可見的，只是提供給那些搜索引擎使用。HTML標(biāo)簽分類： 塊級(jí)標(biāo)簽：顯示為塊狀前后隔一行(占一行) 行級(jí)標(biāo)簽：按行逐一顯示分類的好處：方便后續(xù)布局設(shè)計(jì)基本塊級(jí)標(biāo)簽標(biāo)題標(biāo)簽<h1>一級(jí)標(biāo)題</h1><h2>二級(jí)標(biāo)題</h2>……<h6>六級(jí)</h6>水平線標(biāo)簽<hr/>圖片標(biāo)簽img 段落<p></p>換行<br/>用于布局的塊級(jí)標(biāo)簽——列表 無序列表（以·分割） 有序列表（以分割） 自定義列表有序列表標(biāo)簽<ol> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li></ol>無序列表<ul><li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li></ul>自定義列表（適合用于圖文混排）<dl><dt>標(biāo)題</dt>(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)于一個(gè)容器)布局經(jīng)驗(yàn)div+ul/ol 用于分類菜單或?qū)Ш降萪iv+dl+dt+dd 用于圖文混編table+tr+td 用于圖文布局或顯示數(shù)據(jù)form+table+tr+td 用于布局表單行級(jí)標(biāo)簽<span><span>文本等行級(jí)內(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)閉 屬性值必須用括號(hào)引起來 標(biāo)簽必須正確嵌套 必須添加文檔類型聲明 樣式美化方面：CSS 結(jié)構(gòu)文檔訪問方面：OM頁面交互方面：Script原則：1.內(nèi)容和表現(xiàn)（樣式）分離便于后期維護(hù)和修改（文字內(nèi)容與文字字體分離）2.HTML代碼應(yīng)能表示頁面的內(nèi)容語義，便于搜索引擎搜索（列表需用列表標(biāo)簽，不能使用段落標(biāo)簽）超鏈接 語法<ahref=”url”target=”目標(biāo)窗口位置”>鏈接文本或圖像</a>超鏈接分類 頁面間鏈接 錨鏈接 功能性鏈結(jié)表格<table>(兩行三列) <tr>(行) <td>(列)</td> <td>(列)</td><td>(列)</td> </tr><tr>(行) <td>(列)</td> <td>(列)</td><td>(列)</td> </tr></table>跨行/跨行<tableborder="1"> <tr> <tdrowspan="3">手機(jī)充值</td>（跨行） <td>IP卡</td> <td>網(wǎng)游</td> </tr> <tr> <td>移動(dòng)</td> <td>聯(lián)通</td> </tr> <tr> <tdcolspan="2">聯(lián)通</td>（跨列） </tr></table>表單（接受用戶輸入信息，與后臺(tái)交互）<form> <table></table> <tr> <td></td></tr></form><formaction=”表單提交地址”method=”提交方法”>(method：post/get) 文本框、按鈕等表單元素</form>Get：提供數(shù)據(jù)量小，提交的數(shù)據(jù)在地址欄上可見Post：提供數(shù)據(jù)量大，提交的數(shù)據(jù)不可見（比較安全）框架 <iframe> 可以把一個(gè)頁面嵌入到另一個(gè)頁面中框架的兩類用途 1.顯示多窗口頁面<frameset>框架集（不能放在body內(nèi)）2.頁面復(fù)用使用<iframe/>（可以放在body中）創(chuàng)建框架網(wǎng)頁步驟 創(chuàng)建各子窗口

溫馨提示

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

評(píng)論

0/150

提交評(píng)論