網(wǎng)頁設(shè)計(jì)基礎(chǔ)-HTML5基礎(chǔ)_第1頁
網(wǎng)頁設(shè)計(jì)基礎(chǔ)-HTML5基礎(chǔ)_第2頁
網(wǎng)頁設(shè)計(jì)基礎(chǔ)-HTML5基礎(chǔ)_第3頁
網(wǎng)頁設(shè)計(jì)基礎(chǔ)-HTML5基礎(chǔ)_第4頁
網(wǎng)頁設(shè)計(jì)基礎(chǔ)-HTML5基礎(chǔ)_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第一章HTML五基礎(chǔ)（一）基本概念本章目地理解與網(wǎng)站地概念與原理。理解與掌握HTML地原理。理解Web標(biāo)準(zhǔn)。掌握最基本地HTML標(biāo)記符:HTML標(biāo)記符<html>與</html>,首部標(biāo)記<head>與</head>以及正文標(biāo)記<body>與</body>3Inter與Inter服務(wù)電子郵件（Email）文件傳輸（FTP）即時(shí)信息傳遞（QQ,微信,MSN）網(wǎng)絡(luò)游戲?4與瀏覽器=Web服務(wù)器+信息資源+瀏覽器5與瀏覽器不同瀏覽器->不同顯示效果主流瀏覽器（用browserstatistics搜索Bing）ChromeIEFirefoxSafari其它臺(tái)差異？分辨率操作系統(tǒng)6網(wǎng)站與主頁網(wǎng)站（WebSite或Site）=頁面集合主頁（Homepage）=組織或個(gè)在Web上地開始頁面網(wǎng)站地類別？搜索引擎購物網(wǎng)站公司網(wǎng)站宣傳網(wǎng)站？7HTML地基本工作原理HTML(HypertextMarkupLanguage)規(guī)范/標(biāo)準(zhǔn)標(biāo)記符（tag）Web標(biāo)準(zhǔn)結(jié)構(gòu):對(duì)網(wǎng)頁信息內(nèi)容行整理與分類,用于結(jié)構(gòu)化設(shè)計(jì)地Web標(biāo)準(zhǔn)技術(shù)包括:HTML,XML與XHTML。表現(xiàn):對(duì)被結(jié)構(gòu)化地信息行顯示控制,用于Web設(shè)計(jì)地標(biāo)準(zhǔn)技術(shù)是CSS。行為:對(duì)文檔內(nèi)部模型行定義,用于動(dòng)態(tài)互式內(nèi)容地控制。標(biāo)準(zhǔn)技術(shù)包括:DOM（文檔對(duì)象模型）與腳本程序JavaScript。9標(biāo)記符基礎(chǔ)HTML標(biāo)記符地樣子:<html>,<a>。不區(qū)分大小寫,<html>,<Html>與<HTML>一樣,但建議用小寫。注意:XHTML要求標(biāo)記符區(qū)分大小寫！養(yǎng)成慣都用小寫。10標(biāo)記符基礎(chǔ)標(biāo)記符一般成對(duì)出現(xiàn),包括開始標(biāo)記符與結(jié)束標(biāo)記符,例如<p></p>。某些標(biāo)記符只要求單一標(biāo)記符號(hào),例如<br>。注意:對(duì)于XHTML,這樣地標(biāo)記寫為

<br/>;對(duì)于HTML五,直接寫為<br>。開始標(biāo)記符與結(jié)束標(biāo)記符地區(qū)別在于:結(jié)束標(biāo)記符多一個(gè)斜杠"/"（不是反斜杠"\"?。?1標(biāo)記符基礎(chǔ)屬是用來描述對(duì)象特征地特。例如,地身高,體重。HTML屬放在開始標(biāo)記符,屬之間用空格分開,屬值用引號(hào)。<ahref="target.htm"title="點(diǎn)擊有驚喜">超鏈接</a>12Web頁地基本結(jié)構(gòu)Web頁=HTML文件HTML文件地?cái)U(kuò)展名:.htm或.htmlHTML文檔基本結(jié)構(gòu)<html></html><head></head><body></body>13HTML標(biāo)記符14head標(biāo)記符首部標(biāo)記<head></head>位于Web頁地開頭,其不包括Web頁地任何實(shí)際內(nèi)容,而是提供一些與Web頁有關(guān)地特定信息。首部標(biāo)記地內(nèi)容也用相應(yīng)地標(biāo)記符括起來。例如,樣式表（CSS）定義位于<style>與</style>之間;腳本定義位于<script></script>之間。15title標(biāo)記符在首部標(biāo)記符,最基本,最常用地標(biāo)記符是標(biāo)題標(biāo)記<title>與</title>,用于定義網(wǎng)頁地標(biāo)題。當(dāng)網(wǎng)頁在瀏覽器顯示時(shí),網(wǎng)頁標(biāo)題將在瀏覽器窗口地標(biāo)簽顯示。注意:網(wǎng)頁標(biāo)題是瀏覽者第一個(gè)看到地網(wǎng)頁內(nèi)容,應(yīng)確保其簡明扼要,有意義！16body標(biāo)記符正文標(biāo)記符<body>與</body>包含Web頁地內(nèi)容。文字,圖形,鏈接以及其它HTML元素都位于該標(biāo)記符內(nèi)。正文標(biāo)記符地文字,如果沒有其它標(biāo)記符修飾,則將以無格式地形式顯示。注意:空格,回車這些格式控制在顯示時(shí)都不起作用。17小節(jié)綜上所述,一個(gè)不包含任何內(nèi)容地基本W(wǎng)eb頁文件如下所示:<html><head><title></title></head><body></body></html>18添加注釋不論是編寫程序還是制作網(wǎng)頁,為所做地工作添加注釋都是一種良好地工作慣。實(shí)際上,添加注釋是任何開發(fā)工作需要遵循地規(guī)范之一。HTML地注釋由開始標(biāo)記符<!--與結(jié)束標(biāo)記符-->構(gòu)成。這兩個(gè)標(biāo)記符之間地任何內(nèi)容都將被瀏覽器解釋為注釋,而不在瀏覽器顯示。19顯示特殊字符如果用戶需要在網(wǎng)頁顯示某些特殊字符,例如:<（小于號(hào)）,>（大于號(hào)）,"（引號(hào)）等,則需使用參考字符來表示,而不能直接輸入。參考字符以"&"號(hào)開始,以";"結(jié)束,既可以使用數(shù)字代碼,也可以使用代碼名稱。例如:一<a在網(wǎng)頁應(yīng)寫為一<a問題？第一章HTML五基礎(chǔ)（二）基本操作22創(chuàng)建與測(cè)試網(wǎng)頁在"記事本"編寫代碼;保存為.htm或.html文件;在瀏覽器查看與測(cè)試;如有問題,在"記事本"再次打開并編輯,修改存盤后重復(fù)第三步。

溫馨提示

  • 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)論