網(wǎng)站設(shè)計與建設(shè)課件_第1頁
網(wǎng)站設(shè)計與建設(shè)課件_第2頁
網(wǎng)站設(shè)計與建設(shè)課件_第3頁
網(wǎng)站設(shè)計與建設(shè)課件_第4頁
網(wǎng)站設(shè)計與建設(shè)課件_第5頁
已閱讀5頁，還剩37頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

網(wǎng)站設(shè)計與建設(shè)

Websitedesignanddevelopments網(wǎng)站設(shè)計與建設(shè)

Websitedesigna1第10章HTML基礎(chǔ)

第三部分網(wǎng)站設(shè)計技術(shù)第10章HTML基礎(chǔ)

第三部分網(wǎng)站設(shè)計技術(shù)210．1HTML簡介1．什么是HTMLHypertextMrakupLanguage（超文本標記語言）用于描述超文本中內(nèi)容的顯示方式。這些內(nèi)容的描述都是通過HTML標記來完成的。HTML的一個重要特點是超級鏈接（hyperlink一個HTML文件的后綴名是.html或者是.htmHTML是一個純文本格式的ASCII文件10．1HTML簡介1．什么是HTML32．HTML的歷史SGML（standardgeneralizedmarkuplanguage，標準通用標記語言）語言，于1986年獲得國際標準化組織的批準。這種語言是為了在各種網(wǎng)絡環(huán)境之間、不同文件格式之間進行交流而使用的一種語言格式。它的文件格式標準化，并統(tǒng)一使用標記符號（tag）對文件的內(nèi)容進行標記。HTML于1991年問世，它是SGML的一個子集。HTML是一種有前后關(guān)系格式化的語言，因此在HTML中除了包含文本內(nèi)容，還包含通常是成對出現(xiàn)的標記。標記是包括在尖括號中的文本，為HTML的解釋器提供指令。2．HTML的歷史43．HTML的工作方式下載瀏覽器將文檔解釋為網(wǎng)頁并在瀏覽器窗口中顯示出來。標準HTML能在不同瀏覽器上產(chǎn)生同樣的效果HTML并不能精確地定義文檔信息如何顯示和排列，而只是建議瀏覽器應該如何顯示和排列這些信息4．HTML的解釋器NetscapeNavigatorMicrosoftInternetExplorer其他3．HTML的工作方式510．4HTML標記與屬性<html><head><title>Titleofpage</title></head><body>Thisismyfirsthomepage.<b>Thistextisbold</b></body></html>HTML元素通常用標記表示。標記分為單標記和雙標記兩種。<br>，它表示換行標記以“<”開始，以“>”結(jié)束。HTML的標記不區(qū)分大小寫。<!-->注釋內(nèi)容</!-->10．4HTML標記與屬性<html>6標記屬性屬性具有擴展HTML元素的能力。屬性設(shè)置通常由屬性名和屬性值成對出現(xiàn)來構(gòu)成，普通形式是name=”value”。<bodybgcolor=“yellow”>引號不對，出問題表10.1HTML的常用標記P215標記屬性710．5HTML中的超鏈接格式：<ahref=”URL”>被鏈接的文本或圖象</a>超鏈接外部鏈接內(nèi)部鏈接跳轉(zhuǎn)到本網(wǎng)站的另一個網(wǎng)頁也叫做本地鏈接；絕對路徑，相對路徑跳轉(zhuǎn)到本網(wǎng)頁的另一個位置，也叫做頁內(nèi)跳轉(zhuǎn)<aname=”書簽名”>書簽文本或圖象</a><ahref=”#書簽名”>被鏈接的文本或圖象</a>。10．5HTML中的超鏈接格式：<ahref=”URL”810．2HTML標準及版本歷史1．HTML標準WorldWideWebConsortium，W3C，HTML標準定義了構(gòu)成HTML語言的每一個獨立元素以及這些元素是指示如何在瀏覽器中顯示HTML文檔中的指令和標記符。這一標準確保在不同的瀏覽器和計算機平臺上超文本顯示的一致性。并非強制而只是推薦標準。10．2HTML標準及版本歷史1．HTML標準92．HTML標準的版本歷史①HTML1.0和2.0HTML1.0版本，測試HTML2.0——1995年11月發(fā)布②HTML3.2表格（Table）圖（Figures）框架（Frames）數(shù)學等式（MathematicalEquations）改進的標記符（ImprovedTags）③HTML4.0樣式表（StyleSheet）國際化特征（InternationalizationFeatures）訪問特征（AccessibilityFeatures）增強的表格和表單（EnhancedTablesandForms）腳本和多媒體（ScriptingandMultimedia）Transitonal：使用但不依賴CSSStrict：擺脫結(jié)構(gòu)化標注，使用CSS格式化字體、顏色、布局。Frameset：使用框架2．HTML標準的版本歷史10HTML4.011999，支持XHTMLExtensibleHypertextMarkupLanguage是XML與HTML4.01的結(jié)合體分離的結(jié)構(gòu)和表達：將HTML展示元素放入樣式單中考慮Web的通用可訪問性：在不同平臺上生成文檔(例如語音，使殘疾人可訪問WWW)幫助用戶代理增強解釋功能：處理和解釋表格。用戶代理是基于語音的閱讀器和聽覺有障礙的助聽器XHTML1.0HTML5.0HTML4.011110．3網(wǎng)頁的可訪問性WAI：WebAccessibilityInitiativeWAI目標：確保Web核心技術(shù)對于身體、視覺、聽覺和認知障礙的用戶可以平等地使用/WAI/WAI/wcag-curric/WAI-WEBCONTENT10．3網(wǎng)頁的可訪問性WAI：WebAccessibil1210．6HTML的擴展缺陷：⑴文本格式的局限沒有顯式的布局和定位控制CSS。⑵缺乏對布局控制的能力借助表格來實現(xiàn)近似的效果，但對開發(fā)者的要求比較高，而且過程非常繁瑣。CSS⑶無法動態(tài)改變頁面內(nèi)容DHTML。⑷交互困難雖然配合腳本語言和CSS，HTML可以提供一定的交互能力，但這種交互能力的功能有限。⑸適應性差不能適應越來越多的網(wǎng)絡設(shè)備和應用的需要，比如手機、PDA、智能家電都不能直接顯示HTML。其他標記語言內(nèi)容和結(jié)構(gòu)混合XML10．6HTML的擴展缺陷：131．動態(tài)HTMLDHTMLHTML融入了CSS，腳本語言等技術(shù)它由三部分組成，DOM（文本對象模型）DOM為網(wǎng)頁定義了各種元素對象，使這些元素成為可以控制的對象，這是實現(xiàn)動態(tài)HTML的物質(zhì)基礎(chǔ)；CSS（層疊樣式表）CSS是對DOM中所定義的對象效果的描述，即對各種對象不同狀態(tài)的描述，這是實現(xiàn)動態(tài)HTML目標的描述；Script（腳本語言，比如VBScript和JavaScript）。Script把各種對象動態(tài)地賦予各種屬性工具，是實現(xiàn)動態(tài)HTML的手段。1．動態(tài)HTMLDHTML142．XML“ExtensibleMarkupLanguage”的縮寫，即可擴展標記語言。XML也是基于SGML的。它是一種元標記語言，也就是說，在XML中，開發(fā)者可以根據(jù)自己的需要定義自己的標記，只要這種標記是滿足XML命名規(guī)則的。換句話說，XML是一種能創(chuàng)造其他語言的語言。XML的更重要的作用在于它可以表示結(jié)構(gòu)化的數(shù)據(jù)，從而有利于數(shù)據(jù)交換。2．XML153．XHTML“eXtensibleHyperTextMarkupLanguage”，即可擴展超文本標記語言。是一種使用XML語法對HTML重新闡述的語言。XHTML1.0兼容HTML4.0。優(yōu)勢⑴XHTML能夠在多種網(wǎng)絡設(shè)備和智能終端上運行，實現(xiàn)了數(shù)據(jù)與展示的分離。⑵XHTML非常嚴謹。由于早期的HTML允許各種私有標記，所以在使用HTML開發(fā)完網(wǎng)頁后，必須在多種瀏覽器環(huán)境下進行測試。而XHTML的語法是嚴格定義的，因此避免這種狀況的發(fā)生。⑶XML是Web發(fā)展的趨勢，但目前支持原始XML數(shù)據(jù)的瀏覽器還不是很多，而XHTML適用于多種瀏覽器。 ⑷XHTML能與其他基于XML的標記語言、應用程序和協(xié)議進行良好的交互工作。⑸XHTML是Web標準的一部分，能很好地運行在無線設(shè)備等用戶代理上。⑹XHTML比HTML有更好的一致性，所以很少會產(chǎn)生功能和顯示的問題3．XHTML164．其他標記語言⑴UIML：用戶界面標記語言，一種界面描述語言⑵XForm：這種標記語言的目的在于將界面元素的展示與內(nèi)容分離，這樣會帶來諸如軟件復用性增強、更好的跨平臺等優(yōu)勢。⑶XIML：擴展界面標記語言，它側(cè)重于對不同應用程序間交互數(shù)據(jù)的描述，它比XML描述的數(shù)據(jù)更具體，更有針對性。⑷XAML：可擴展應用程序標記語言，它主要用于頁面中文本、圖象、控件等元素的布局。4．其他標記語言17建議不使用的標記,但大多數(shù)瀏覽器對這些標記還是支持的。<ISINDEX><APPLET><CENTER><FONT><BASEFONT><U><DIR><MENU>建議不使用的標記,但大多數(shù)瀏覽器對這些標記還是支持的。18HTML5預覽Html5是繼XHTML之后，由Apple，Opera，Mozilla三大網(wǎng)絡媒體共同推舉的最新HTML語言標準，用以取代Html4和現(xiàn)在的XHTML

在HTML5中新增了一些標簽，如使用header來標記頭部內(nèi)容，nav標記導航內(nèi)容，article標記文檔中的一塊獨立內(nèi)容，footer標記作者和版權(quán)信息，HTML5將使頁面更加結(jié)構(gòu)化。

HTML5預覽Html5是繼XHTML之后，由Appl19另外還增加了audio、video、embed、time、meter這些語義化的標簽，剔除了一些無用的標簽和屬性，如font、center，因為這些有關(guān)于表現(xiàn)的標簽元素已經(jīng)讓CSS給替代了，表現(xiàn)和結(jié)構(gòu)的分離無論在XHTML2.0還是HTML5中都是趨勢。另外還增加了audio、video、embed、time、20思考題：10.1什么是HTML？它的特點是什么？10.2常見的HTML解釋器有哪些？10.13為什么在網(wǎng)頁設(shè)計中應該使用的是相對路徑而不是絕對路徑？思考題：10.1什么是HTML？它的特點是什么？21網(wǎng)站設(shè)計與建設(shè)

Websitedesignanddevelopments網(wǎng)站設(shè)計與建設(shè)

Websitedesigna22第10章HTML基礎(chǔ)

第三部分網(wǎng)站設(shè)計技術(shù)第10章HTML基礎(chǔ)

第三部分網(wǎng)站設(shè)計技術(shù)2310．1HTML簡介1．什么是HTMLHypertextMrakupLanguage（超文本標記語言）用于描述超文本中內(nèi)容的顯示方式。這些內(nèi)容的描述都是通過HTML標記來完成的。HTML的一個重要特點是超級鏈接（hyperlink一個HTML文件的后綴名是.html或者是.htmHTML是一個純文本格式的ASCII文件10．1HTML簡介1．什么是HTML242．HTML的歷史SGML（standardgeneralizedmarkuplanguage，標準通用標記語言）語言，于1986年獲得國際標準化組織的批準。這種語言是為了在各種網(wǎng)絡環(huán)境之間、不同文件格式之間進行交流而使用的一種語言格式。它的文件格式標準化，并統(tǒng)一使用標記符號（tag）對文件的內(nèi)容進行標記。HTML于1991年問世，它是SGML的一個子集。HTML是一種有前后關(guān)系格式化的語言，因此在HTML中除了包含文本內(nèi)容，還包含通常是成對出現(xiàn)的標記。標記是包括在尖括號中的文本，為HTML的解釋器提供指令。2．HTML的歷史253．HTML的工作方式下載瀏覽器將文檔解釋為網(wǎng)頁并在瀏覽器窗口中顯示出來。標準HTML能在不同瀏覽器上產(chǎn)生同樣的效果HTML并不能精確地定義文檔信息如何顯示和排列，而只是建議瀏覽器應該如何顯示和排列這些信息4．HTML的解釋器NetscapeNavigatorMicrosoftInternetExplorer其他3．HTML的工作方式2610．4HTML標記與屬性<html><head><title>Titleofpage</title></head><body>Thisismyfirsthomepage.<b>Thistextisbold</b></body></html>HTML元素通常用標記表示。標記分為單標記和雙標記兩種。<br>，它表示換行標記以“<”開始，以“>”結(jié)束。HTML的標記不區(qū)分大小寫。<!-->注釋內(nèi)容</!-->10．4HTML標記與屬性<html>27標記屬性屬性具有擴展HTML元素的能力。屬性設(shè)置通常由屬性名和屬性值成對出現(xiàn)來構(gòu)成，普通形式是name=”value”。<bodybgcolor=“yellow”>引號不對，出問題表10.1HTML的常用標記P215標記屬性2810．5HTML中的超鏈接格式：<ahref=”URL”>被鏈接的文本或圖象</a>超鏈接外部鏈接內(nèi)部鏈接跳轉(zhuǎn)到本網(wǎng)站的另一個網(wǎng)頁也叫做本地鏈接；絕對路徑，相對路徑跳轉(zhuǎn)到本網(wǎng)頁的另一個位置，也叫做頁內(nèi)跳轉(zhuǎn)<aname=”書簽名”>書簽文本或圖象</a><ahref=”#書簽名”>被鏈接的文本或圖象</a>。10．5HTML中的超鏈接格式：<ahref=”URL”2910．2HTML標準及版本歷史1．HTML標準WorldWideWebConsortium，W3C，HTML標準定義了構(gòu)成HTML語言的每一個獨立元素以及這些元素是指示如何在瀏覽器中顯示HTML文檔中的指令和標記符。這一標準確保在不同的瀏覽器和計算機平臺上超文本顯示的一致性。并非強制而只是推薦標準。10．2HTML標準及版本歷史1．HTML標準302．HTML標準的版本歷史①HTML1.0和2.0HTML1.0版本，測試HTML2.0——1995年11月發(fā)布②HTML3.2表格（Table）圖（Figures）框架（Frames）數(shù)學等式（MathematicalEquations）改進的標記符（ImprovedTags）③HTML4.0樣式表（StyleSheet）國際化特征（InternationalizationFeatures）訪問特征（AccessibilityFeatures）增強的表格和表單（EnhancedTablesandForms）腳本和多媒體（ScriptingandMultimedia）Transitonal：使用但不依賴CSSStrict：擺脫結(jié)構(gòu)化標注，使用CSS格式化字體、顏色、布局。Frameset：使用框架2．HTML標準的版本歷史31HTML4.011999，支持XHTMLExtensibleHypertextMarkupLanguage是XML與HTML4.01的結(jié)合體分離的結(jié)構(gòu)和表達：將HTML展示元素放入樣式單中考慮Web的通用可訪問性：在不同平臺上生成文檔(例如語音，使殘疾人可訪問WWW)幫助用戶代理增強解釋功能：處理和解釋表格。用戶代理是基于語音的閱讀器和聽覺有障礙的助聽器XHTML1.0HTML5.0HTML4.013210．3網(wǎng)頁的可訪問性WAI：WebAccessibilityInitiativeWAI目標：確保Web核心技術(shù)對于身體、視覺、聽覺和認知障礙的用戶可以平等地使用/WAI/WAI/wcag-curric/WAI-WEBCONTENT10．3網(wǎng)頁的可訪問性WAI：WebAccessibil3310．6HTML的擴展缺陷：⑴文本格式的局限沒有顯式的布局和定位控制CSS。⑵缺乏對布局控制的能力借助表格來實現(xiàn)近似的效果，但對開發(fā)者的要求比較高，而且過程非常繁瑣。CSS⑶無法動態(tài)改變頁面內(nèi)容DHTML。⑷交互困難雖然配合腳本語言和CSS，HTML可以提供一定的交互能力，但這種交互能力的功能有限。⑸適應性差不能適應越來越多的網(wǎng)絡設(shè)備和應用的需要，比如手機、PDA、智能家電都不能直接顯示HTML。其他標記語言內(nèi)容和結(jié)構(gòu)混合XML10．6HTML的擴展缺陷：341．動態(tài)HTMLDHTMLHTML融入了CSS，腳本語言等技術(shù)它由三部分組成，DOM（文本對象模型）DOM為網(wǎng)頁定義了各種元素對象，使這些元素成為可以控制的對象，這是實現(xiàn)動態(tài)HTML的物質(zhì)基礎(chǔ)；CSS（層疊樣式表）CSS是對DOM中所定義的對象效果的描述，即對各種對象不同狀態(tài)的描述，這是實現(xiàn)動態(tài)HTML目標的描述；Script（腳本語言，比如VBScript和JavaScript）。Script把各種對象動態(tài)地賦予各種屬性工具，是實現(xiàn)動態(tài)HTML的手段。1．動態(tài)HTMLDHTML352．XML“ExtensibleMarkupLanguage”的縮寫，即可擴展標記語言。XML也是基于SGML的。它是一種元標記語言，也就是說，在XML中，開發(fā)者可以根據(jù)自己的需要定義自己的標記，只要這種標記是滿足XML命名規(guī)則的。換句話說，XML是一種能創(chuàng)造其他語言的語言。XML的更重要的作用在于它可以表示結(jié)構(gòu)化的數(shù)據(jù)，從而有利于數(shù)據(jù)交換。2．XML363．XHTML“eXtensibleHyperTextMarkupLanguage”，即可擴展超文本標記語言。是一種使用XML語法對HTML重新闡述的語言。XHTML1.0兼容HTML4.0。優(yōu)勢⑴XHTML能夠在多種網(wǎng)絡設(shè)備和智能終端上運行，實現(xiàn)了數(shù)據(jù)與展示的分離。⑵XHTML非常嚴謹。由于早期的HTML允許各種私有標記，所以在使用HTML開發(fā)完網(wǎng)頁后，必須在多種瀏覽器環(huán)境下進行測試。而XHTML的語法是嚴格定義的，因此避免這種狀況的發(fā)生。⑶XML是Web發(fā)展的趨勢，但目前支持原始XML數(shù)據(jù)的瀏覽器還不是很多，而XHTML適用于多種瀏覽器。 ⑷XHTML能與其他基于XML的標記語言、應用程序和協(xié)議進行良好的交互工作。⑸XHTML是Web標準的一部分，能很好地運行在無線設(shè)備等用戶代理上。⑹XHTML比HTML有

溫馨提示

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

評論

0/150

提交評論