2023學(xué)年完整公開課版HTML_第1頁
2023學(xué)年完整公開課版HTML_第2頁
2023學(xué)年完整公開課版HTML_第3頁
2023學(xué)年完整公開課版HTML_第4頁
2023學(xué)年完整公開課版HTML_第5頁
已閱讀5頁,還剩10頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

HTML1.介紹HTML

2.了解HTML的語言特點(diǎn)

3.掌握HTML的書寫方式

3.熟悉HTML的整體結(jié)構(gòu)

4.掌握HTML的相關(guān)要求

5.掌握HTML的常見實(shí)體

超文本標(biāo)記語言(HyperTextMarkupLanguage),標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用。1、介紹HTMLHTML不是一種編程語言,而是一種標(biāo)記語言(markuplanguage),是網(wǎng)頁制作所必備的?!俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。超文本標(biāo)記語言(或超文本標(biāo)簽語言)的結(jié)構(gòu)包括“頭”部分、和“主體”部分,其中“頭”部提供關(guān)于網(wǎng)頁的信息,“主體”部分提供網(wǎng)頁的具體內(nèi)容。中文名HTML超級文本標(biāo)記語言1、介紹HTML由來

萬維網(wǎng)(worldwideweb)上的一個超媒體文檔稱之為一個頁面作為一個組織或者個人在萬維網(wǎng)上放置開始點(diǎn)的頁面稱為主頁(外語:Homepage)或首頁,主頁中通常包括有指向其他相關(guān)頁面或其他節(jié)點(diǎn)的指針(超級鏈接),通過激活(點(diǎn)擊)它,可使瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。超級文本標(biāo)記語言(英文縮寫:HTML)是為“網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息”設(shè)計的一種標(biāo)記語言。1、介紹HTML定義超級文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用網(wǎng)頁文件本身是一種文本文件,通過在文本文件中添加標(biāo)記符,可以告訴瀏覽器如何顯示其中的內(nèi)容。瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容,對書寫出錯的標(biāo)記將不指出其錯誤,且不停止其解釋執(zhí)行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。超級文本標(biāo)記語言文檔制作不是很復(fù)雜,但功能強(qiáng)大,支持不同數(shù)據(jù)格式的文件鑲?cè)?,這也是萬維網(wǎng)(WWW)盛行的原因之一,其主要特點(diǎn)如下:2、語言特點(diǎn)3、書寫方式編輯它其實(shí)是文本,它需要瀏覽器的解釋,它的編輯器大體可以分為三種基本文本、文檔編輯軟件,使用微軟自帶的記事本或?qū)懽职宥伎梢跃帉?,?dāng)然,如果你用WPS來編寫,也可以。不過存盤時請使用.htm或.html作為擴(kuò)展名,這樣就方便瀏覽器認(rèn)出直接解釋執(zhí)行了。半所見即所得軟件,如:FCK-Editer、E-webediter等在線網(wǎng)頁編輯器;尤其推薦:SublimeText代碼編輯器(由JonSkinner開發(fā),SublimeText2收費(fèi)但可以無限期試用)。所見即所得軟件,使用最廣泛的編輯器,完全可以一點(diǎn)不懂HTML的知識就可以做出網(wǎng)頁,如:AMAYA(出品單位:萬維網(wǎng)聯(lián)盟);FRONTPAGE(出品單位:微軟);Dreamweaver(出品單位Adobe)。MicrosoftVisualStudio(出品公司:微軟)其中所見即所得軟件與半所見即所得的軟件相比,開發(fā)速度更快,效率更高,且直觀的表現(xiàn)更強(qiáng)。任何地方進(jìn)行修改只需要刷新即可顯示。缺點(diǎn)是生成的代碼結(jié)構(gòu)復(fù)雜,不利于大型網(wǎng)站的多人協(xié)作和精準(zhǔn)定位等高級功能的實(shí)現(xiàn)。3、書寫方式字符集萬維網(wǎng)早期使用的字符集是ASCII。網(wǎng)頁中除了可顯示常見的美國信息交換標(biāo)準(zhǔn)代碼(外語縮寫:ASCII)字符和漢字外,HTML還有許多特殊字符,它們一起構(gòu)成了HTML字符集。有2種情況需要使用特殊字符,一是網(wǎng)頁中有其特殊意義的字符,二是鍵盤上沒有的字符。HTML字符可以用一些代碼來表示,代碼可以有2種表示方式。即字符代碼(命名實(shí)體)和數(shù)字代碼(編號實(shí)體)。字符代碼以“&”符開始,以分號";"結(jié)束,其間是字符名,如®。數(shù)字代碼也以“&#”符開始,以分號";"結(jié)束,其間是編號,如?。4、整體結(jié)構(gòu)一個網(wǎng)頁對應(yīng)多個HTML文件,超文本標(biāo)記語言文件以.htm為擴(kuò)展名。標(biāo)準(zhǔn)的超文本標(biāo)記語言文件都具有一個基本的整體結(jié)構(gòu),標(biāo)記一般都是成對出現(xiàn)(部分標(biāo)記除外例如:<br/>),即超文本標(biāo)記語言文件的開頭與結(jié)尾標(biāo)志和超文本標(biāo)記語言的頭部與實(shí)體兩大部分。有三個雙標(biāo)記符用于頁面整體結(jié)構(gòu)的確認(rèn)標(biāo)記符<html>,說明該文件是用超文本標(biāo)記語言(本標(biāo)簽的中文全稱)來描述的,它是文件的開頭;而</html>,則表示該文件的結(jié)尾,它們是超文本標(biāo)記語言文件的開始標(biāo)記和結(jié)尾標(biāo)記HTML代碼4、整體結(jié)構(gòu)頭部內(nèi)容它其實(shí)是文本,它需要瀏覽器的解釋,它的編輯器大體可以分為三種<head></head>;這2個標(biāo)記符分別表示頭部信息的開始和結(jié)尾。頭部中包含的標(biāo)記是頁面的標(biāo)題、序言、說明等內(nèi)容,它本身不作為內(nèi)容來顯示,但影響網(wǎng)頁顯示的效果。頭部中最常用的標(biāo)記符是標(biāo)題標(biāo)記符和meta標(biāo)記符,其中標(biāo)題標(biāo)記符用于定義網(wǎng)頁的標(biāo)題,它的內(nèi)容顯示在網(wǎng)頁窗口的標(biāo)題欄中,網(wǎng)頁標(biāo)題可被瀏覽器用作書簽和收藏清單。設(shè)置文檔標(biāo)題和其它在網(wǎng)頁中不顯示的信息,比如direction方向、語言代碼LanguageCode(實(shí)體定義!ENTITY%i18n)、指定字典中的元信息等等HTMLhead元素4、整體結(jié)構(gòu)主題內(nèi)容<body></body>;,網(wǎng)頁中顯示的實(shí)際內(nèi)容均包含在這2個正文標(biāo)記符之間。正文標(biāo)記符又稱為實(shí)體標(biāo)記。<body>標(biāo)簽定義文檔的主體。<body>元素包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等在編輯超文本標(biāo)記語言文件和使用有關(guān)標(biāo)記符時有一些約定或默認(rèn)的要求。5、相關(guān)要求文本標(biāo)記語言源程序的文件擴(kuò)展名默認(rèn)使用htm或html,以便于操作系統(tǒng)或程序辨認(rèn)。而常用的圖像文件的擴(kuò)展名為gif和jpg。超文本標(biāo)記語言源程序?yàn)槲谋疚募?,寫成多行,瀏覽器一般忽略文件中的回車符;對文件中的空格通常也不按源程序中的效果顯示。完整的空格可使用特殊符號(實(shí)體符)“ (注意此字母必須小寫,方可空格)”表示非換行空格;表示文件路徑時使用符號“/”分隔,文件名及路徑描述可用雙引號也可不用引號括起。標(biāo)記符中的標(biāo)記元素用尖括號括起來,帶斜杠的元素表示該標(biāo)記說明結(jié)束;大多數(shù)標(biāo)記符必須成對使用,以表示作用的起始和結(jié)束;完整的空格可使用特殊符號“ (注意此字母必須小寫,方可空格)”。HTML注釋由"<!--"號開始,由符號”-->“結(jié)束結(jié)束,例如<!--注釋內(nèi)容-->。注釋內(nèi)容可插入文本中任何位置。任何標(biāo)記若在其最前插入驚嘆號,即被標(biāo)識為注釋,不予顯示。6、常見實(shí)體1.HTML

(1)由來

溫馨提示

  • 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)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論