北大青鳥教程課件網(wǎng)頁代碼基礎_第1頁
北大青鳥教程課件網(wǎng)頁代碼基礎_第2頁
北大青鳥教程課件網(wǎng)頁代碼基礎_第3頁
北大青鳥教程課件網(wǎng)頁代碼基礎_第4頁
北大青鳥教程課件網(wǎng)頁代碼基礎_第5頁
已閱讀5頁，還剩14頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

網(wǎng)頁代碼基礎樸日東目錄網(wǎng)頁背后的秘密HTML基本標簽HTML高級標簽代碼編輯的標準及注意事項2網(wǎng)頁背后的秘密HTML簡介HTML是HyperTextMark-upLanguage的縮寫,中文意思就是超文本標記語言(超文本標簽語言)HTML是構(gòu)成網(wǎng)頁文檔的主要語言,它使用一系列的標簽來結(jié)構(gòu)化信息HTML文件的擴展名是.html或.htmHTML是目前網(wǎng)絡上應用最為廣泛的語言,它可以跨網(wǎng)絡,跨平臺進行傳輸3網(wǎng)頁背后的秘密HTML文檔結(jié)構(gòu)4開始標簽結(jié)束標簽任何不在這兩個標簽之間的內(nèi)容都不屬于HTML文檔,也不會在網(wǎng)頁上顯示頭部開始頭部結(jié)束包含一些瀏覽器需要但不需要在網(wǎng)頁中顯示的信息主體開始主體結(jié)束網(wǎng)頁主要內(nèi)容的集合體,包含在網(wǎng)頁中顯示的文本,圖像,鏈接等具體內(nèi)容網(wǎng)頁背后的秘密HTML代碼常用編輯工具記事本UE(UltraEdit)DreamWeaver5HTML基本標簽HTML基本標簽<title>網(wǎng)頁標題,出現(xiàn)在頭部區(qū)域</title><meta/>網(wǎng)頁摘要信息,出現(xiàn)在頭部區(qū)域例:<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/>解:網(wǎng)頁摘要定義為內(nèi)容類別,類別為html類型,字符編碼為簡體中文(utf-8為國際性通用字符編碼)例:<metaname="keywords"content="關鍵詞,關鍵詞"/>例:<metaname="description"content="網(wǎng)頁描述"/>6HTML基本標簽<h1>一級標題</h1><h2>二級標題</h2><h3>三級標題</h3><h4>四級標題</h4><h5>五級標題</h5><h6>六級標題</h6><sub>下標</sub><sup>上標</sup>7HTML基本標簽<p>段落</p><br/>換行<hr/>水平線<b>加粗</b><strong>加粗強調(diào)</strong><span>范圍</span>&的應用(特殊符號)組成:&+名稱+;8HTML基本標簽<img/>圖像例:<imgsrc=“圖像地址”alt=“圖像替代文字”title=“鼠標懸停提示文字”width=“寬度”height=“高度”/>路徑絕對路徑相對路徑../上一級目錄./當前目錄9HTML高級標簽<a>超鏈接</a>例:<ahref=“鏈接地址”target=“目標窗口位置”>超鏈接</a>目標窗口位置_blank_self(默認)例:<aname=“錨標記”>想要在本網(wǎng)頁定位的地址</a>解:<ahref=“鏈接網(wǎng)頁地址#錨標記”>直接找到目標網(wǎng)頁定位的地址</a>例:<ahref=“mailto:郵箱地址”>發(fā)送郵件</a>10HTML高級標簽<ol>有序列表</ol><ul>無序列表</ul><dl>定義列表</dl>例:<oltype=“I”><li></li><li></li>……</ol>解:以羅馬數(shù)字樣式排列每一個<li>里面的內(nèi)容例:<dl><dt>標題</dt><dd>描述</dd><dd>描述</dd>……</dl><!--html注釋內(nèi)容-->11HTML高級標簽<table>表格</table>例:<table><tr><td></td><td></td>……</tr><tr><td></td><td></td>……</tr>……</table>解:<tr>決定著表格中的行數(shù)<td>決定著一行中的單元格數(shù)同時以一行內(nèi)最多的單元格數(shù)決定表格中的列數(shù)例:<table><tr><tdcolspan=“所跨列數(shù)”rowspan=“所跨行數(shù)”></td><td></td></tr><tr><td></td></tr><tr><td></td><td></td><td></td></tr></table>例:<tablewidth=“表格寬度”height=“表格高度”border=“邊框?qū)挾取?gt;</table><tablecellpadding=“單元格內(nèi)填充”cellspacing=“單元格間距”></table>12HTML高級標簽表格的高級用法例:<table><tr><td><table><tr><td>單元格內(nèi)可以再次嵌套表格</td>……</tr>……</table></td></tr></table>例:<table><caption>表格標題</caption> <thead><tr><th>表格頭部加粗居中單元格</th>......</tr>......</thead> <tbody><tr><td>表格數(shù)據(jù)內(nèi)容單元格</td>......</tr>......</tbody> <tfoot><tr><td>表格底部單元格</td>......</tr>......</tfoot> </table>13HTML高級標簽<form>表單</form>14單行文本框密碼框單選按鈕復選框下拉框按鈕多行文本框HTML高級標簽例:<formmethod=“提交方法”id=“唯一標識”name=“名稱”action=“表單提交地址”></form>解:提交方法”get”(對安全性要求不高)或”post”(對安全性要求較高)例:<form><inputtype=“類型”value=“初始值”size=“初始寬度”maxlength=“可輸入最大字符數(shù)”checked=“按鈕選中”/><form>解:類型”text”(單行文本框),”password”(密碼框),”radio”(單選按鈕),”checkbox”(復選框),”submit”(提交按鈕),”reset”(重按鈕),”button”(普通按鈕)15注:單選按鈕需要保證name屬性一致HTML高級標簽例:<formenctype="multipart/form-data"> <select><optionvalue=“”selected=“selected”>下拉框</option>……</select> <inputtype=“image”src=“圖片路徑”/> <textareacols=“列數(shù)”rows=“行數(shù)”readonly=“readonly”>多行文本框</texterea> <inputtype=“file”/> <inputtype=“submit”disabled=“disabled”/> </form>16將表單數(shù)據(jù)分為多部分提交默認選中圖片提交按鈕只讀權限文件上傳禁用HTML高級標簽<iframe>內(nèi)嵌框架</iframe>例:<iframesrc=“引用地址”name=“名稱”frameborder=“是否顯示邊框”scrolling=“是否顯示滾動條”></iframe><frameset>另一種內(nèi)嵌框架</frameset>例:<html> <framesetcols=“橫向切割寬度,……”rows=“縱向切割寬度,……”border=“邊框?qū)挾取?gt; <framesrc=“引用地址”/> …… </frameset> </html>17代碼編輯的標準及注意事項HTML標簽的編寫要符合w3c(WorldWideWebConsortium)標準w3c統(tǒng)一了各個瀏覽器對HTML等代碼的顯示標簽名和屬性名稱必須小寫HTML標簽必須關閉屬性值必須用引號括起來標簽要正確嵌套必須添加文檔類型聲明檢測代碼是否標準

18Strict(嚴格類型)<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTM

溫馨提示

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

評論

0/150

提交評論