資源簡(jiǎn)介

中小學(xué)教育資源及組卷應(yīng)用平臺(tái)
第7.1課《網(wǎng)頁(yè)結(jié)構(gòu)設(shè)計(jì)》教學(xué)設(shè)計(jì)
課題 網(wǎng)頁(yè)結(jié)構(gòu)設(shè)計(jì) 單元 第七單元 學(xué)科 信息技術(shù) 年級(jí) 七年級(jí)上
核心素養(yǎng)目標(biāo) 1、信息意識(shí)：了解HTML的重要性，認(rèn)識(shí)HTML在制作和顯示網(wǎng)頁(yè)內(nèi)容中的基礎(chǔ)作用，提升對(duì)網(wǎng)頁(yè)技術(shù)的基本認(rèn)知。2、計(jì)算思維：學(xué)會(huì)HTML標(biāo)簽的基本用法，理解頭部和主體部分的結(jié)構(gòu)，培養(yǎng)用邏輯和系統(tǒng)思維解決問題的能力。3、數(shù)字化學(xué)習(xí)與創(chuàng)新：能夠編寫簡(jiǎn)單的HTML文檔，運(yùn)用所學(xué)知識(shí)創(chuàng)造具有標(biāo)題和段落的網(wǎng)頁(yè)，激發(fā)數(shù)字化學(xué)習(xí)興趣和創(chuàng)新精神。4、信息社會(huì)責(zé)任：理解HTML在網(wǎng)頁(yè)制作中的規(guī)范性，養(yǎng)成遵守互聯(lián)網(wǎng)信息發(fā)布規(guī)則的意識(shí)，尊重網(wǎng)上信息資源的規(guī)范和版權(quán)。
教學(xué)重點(diǎn) 了解HTML的基本概念認(rèn)識(shí)HTML文檔的組成
教學(xué)難點(diǎn) 熟悉HTML文檔的結(jié)構(gòu)理解基本的HTML標(biāo)簽
教學(xué)過(guò)程
教學(xué)環(huán)節(jié) 教師活動(dòng) 學(xué)生活動(dòng) 設(shè)計(jì)意圖
導(dǎo)入新課 視頻導(dǎo)入：《什么是HTML》 觀看視頻，了解HTML的基本概念。 培養(yǎng)學(xué)生的觀察力和創(chuàng)造力，
講授新課 一、想一想認(rèn)識(shí)HTML1、什么是HTMLHTML的全稱為超文本標(biāo)記語(yǔ)言，它包括一系列的標(biāo)簽，通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。2、HTML與網(wǎng)頁(yè)的關(guān)系我們常說(shuō)的網(wǎng)頁(yè)其實(shí)就是一個(gè)HTML文檔，Web瀏覽器的作用是讀取HTML文檔，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示 HTML標(biāo)簽,而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容。3、HTML文檔的基本結(jié)構(gòu)標(biāo)準(zhǔn)的 HTML 都具有一個(gè)基本的結(jié)構(gòu)，如下！標(biāo)記網(wǎng)頁(yè)的開始標(biāo)記頭部的開始標(biāo)記頁(yè)面正文的開始標(biāo)記頁(yè)面正文的結(jié)束標(biāo)記網(wǎng)頁(yè)的結(jié)束3、HTML文檔的基本結(jié)構(gòu)由尖括號(hào)包圍的關(guān)鍵詞，如“。（5）主體部分：包含網(wǎng)頁(yè)上實(shí)際顯示的內(nèi)容，例如 ，

和

。2、為什么標(biāo)簽是網(wǎng)頁(yè)的基礎(chǔ)單元？（1）結(jié)構(gòu)定義：標(biāo)簽決定了網(wǎng)頁(yè)的整體結(jié)構(gòu)，例如標(biāo)題、段落和列表。（2）內(nèi)容顯示：標(biāo)簽包圍和標(biāo)記內(nèi)容，讓瀏覽器知道如何顯示這些內(nèi)容。（3）鏈接資源：標(biāo)簽可以鏈接圖片、視頻和其他網(wǎng)頁(yè)資源，使網(wǎng)頁(yè)更豐富和互動(dòng)。（4）語(yǔ)義信息：標(biāo)簽提供了網(wǎng)頁(yè)內(nèi)容的語(yǔ)義信息，使搜索引擎和輔助技術(shù)能更好地理解網(wǎng)頁(yè)。（5）技術(shù)兼容：標(biāo)簽讓搜索引擎和屏幕閱讀器理解網(wǎng)頁(yè)內(nèi)容，從而使網(wǎng)頁(yè)更容易被找到和訪問。三、想一想認(rèn)識(shí)HTML3、HTML的作用自1990年以來(lái)，HTML就一直被用作萬(wàn)維網(wǎng)的信息表示語(yǔ)言。使用HTML描述的文件需要通過(guò)Web瀏覽器顯示出效果。HTML是一種建立網(wǎng)頁(yè)文件的語(yǔ)言，通過(guò)標(biāo)記式的指令，將影像、聲音、圖片、文字動(dòng)畫、影視等內(nèi)容顯示出來(lái)。事實(shí)上，每一個(gè) HTML 文檔都是靜態(tài)的網(wǎng)頁(yè)文件，這個(gè)文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語(yǔ)言，只是一種在排版網(wǎng)頁(yè)中，資料顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言，簡(jiǎn)單易學(xué)。HTML的普遍應(yīng)用就是因?yàn)閹?lái)了超文本的技術(shù)--通過(guò)單擊鼠標(biāo)從一個(gè)主題跳轉(zhuǎn)到另一個(gè)主題，從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面，與世界各地主機(jī)的文件鏈接。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行 HTML 文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作。四、議一議1、為什么HTML被廣泛使用？（1）簡(jiǎn)單易學(xué)：HTML容易學(xué)習(xí)，即使是初學(xué)者也能很快掌握。（2）廣泛兼容：HTML被所有的網(wǎng)頁(yè)瀏覽器支持和識(shí)別，因此可以在任何設(shè)備上顯示。（3）靈活多用：HTML可以展示文字、圖片、視頻和聲音等多種內(nèi)容，非常多功能。（4）結(jié)構(gòu)清晰：HTML使用標(biāo)簽來(lái)組織內(nèi)容，使得網(wǎng)頁(yè)結(jié)構(gòu)清晰明了。（5）互聯(lián)性強(qiáng)：使用超文本鏈接（如 標(biāo)簽），可以輕松地從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面，實(shí)現(xiàn)全球信息互聯(lián)。2、學(xué)習(xí)HTML對(duì)于將來(lái)制作網(wǎng)頁(yè)有什么好處？（1）建立基礎(chǔ)知識(shí)：學(xué)習(xí)HTML提供了網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)，讓你理解網(wǎng)頁(yè)是如何構(gòu)建的。（2）制作簡(jiǎn)單網(wǎng)頁(yè)：用HTML，你可以自己制作和設(shè)計(jì)簡(jiǎn)單的網(wǎng)頁(yè)，展示文字、圖片和鏈接等。（3）與其他技術(shù)配合：HTML是與CSS和JavaScript等其他網(wǎng)頁(yè)制作技術(shù)配合使用的基礎(chǔ)，有助于你更全面地學(xué)習(xí)和掌握網(wǎng)頁(yè)設(shè)計(jì)。（4）增強(qiáng)創(chuàng)造力：制作網(wǎng)頁(yè)需要?jiǎng)?chuàng)意和邏輯思維，學(xué)習(xí)HTML能提高你的創(chuàng)造力和解決問題的能力。五、想一想認(rèn)識(shí)HTML擴(kuò)展閱讀超文本是一種組織信息的方式，它通過(guò)超級(jí)鏈接的方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺(tái)計(jì)算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找、檢索信息提供方便HTTP的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn)。六、議一議1、超文本與互聯(lián)網(wǎng)之間有什么關(guān)系？（1）基本概念的聯(lián)系：超文本在互聯(lián)網(wǎng)上用來(lái)展示和組織各種信息。（2）信息獲取的便捷性：點(diǎn)擊超文本中的鏈接能快速跳轉(zhuǎn)到相關(guān)信息頁(yè)面。（3）網(wǎng)頁(yè)內(nèi)容的豐富性：網(wǎng)頁(yè)用超文本語(yǔ)言寫，可以包含圖片、視頻和文字內(nèi)容。（4）全球信息連接：超文本讓我們輕松訪問世界各地的網(wǎng)頁(yè)和網(wǎng)站。（5）統(tǒng)一協(xié)議的重要性：HTTP協(xié)議幫助瀏覽器和服務(wù)器正確傳輸超文本信息內(nèi)容。2、超鏈接是如何提高信息獲取效率的？（1）快速跳轉(zhuǎn)：點(diǎn)擊超鏈接，可以立即跳到相關(guān)的信息頁(yè)面。（2）減少搜索時(shí)間：超鏈接直接帶你到相關(guān)內(nèi)容，減少查找時(shí)間。（3）方便導(dǎo)航：網(wǎng)站通過(guò)超鏈接組織內(nèi)容，方便用戶瀏覽不同主題。（4）直接訪問源頭：超鏈接可以直接鏈接到詳細(xì)信息的來(lái)源，提供更多細(xì)節(jié)。（5）多媒體集成：超鏈接可以連接到圖片、視頻等多種形式的信息，豐富獲取途徑。七、想一想認(rèn)識(shí)HTML4、HTML的特點(diǎn)超文本標(biāo)記語(yǔ)言文檔制作相對(duì)簡(jiǎn)單，但功能強(qiáng)大，支持嵌入不同數(shù)據(jù)格式的文件。（1）簡(jiǎn)易性：超文本標(biāo)記語(yǔ)言有統(tǒng)一的結(jié)構(gòu)和規(guī)定，從而更加簡(jiǎn)單易學(xué)。（2）可擴(kuò)展性：超文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求。同時(shí)超文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。（3）平臺(tái)無(wú)關(guān)性：超文本標(biāo)記語(yǔ)言可以使用在廣泛的平臺(tái)上。（4）通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，一種簡(jiǎn)單、通用的標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上其他任何人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。八、議一議1、你認(rèn)為HTML的可擴(kuò)展性會(huì)對(duì)網(wǎng)站開發(fā)帶來(lái)哪些好處？（1）HTML的簡(jiǎn)易性：HTML的語(yǔ)法簡(jiǎn)單，容易理解。（2）HTML的可擴(kuò)展性：通過(guò)增加新的標(biāo)簽和屬性，HTML可以實(shí)現(xiàn)更多功能，如播放視頻。（3）HTML的平臺(tái)無(wú)關(guān)性：HTML可以在任何設(shè)備和操作系統(tǒng)上運(yùn)行，所有瀏覽器都支持。（4）HTML的通用性：HTML是構(gòu)建網(wǎng)頁(yè)的基礎(chǔ)語(yǔ)言，可以將文本和圖片結(jié)合在一個(gè)頁(yè)面中。2、為什么HTML被稱為網(wǎng)絡(luò)的通用語(yǔ)言？（1）瀏覽器支持：所有的網(wǎng)頁(yè)瀏覽器都能讀懂并顯示HTML，從而保證任何人都能訪問網(wǎng)頁(yè)。（2）跨平臺(tái)：HTML能在不同的操作系統(tǒng)（如Windows、Mac、Linux）和設(shè)備（如電腦、手機(jī)、平板）上正常運(yùn)行。（3）內(nèi)容整合：HTML允許在網(wǎng)頁(yè)上集成文字、圖片、視頻和鏈接，提供豐富的內(nèi)容展示。（4）開發(fā)兼容性：不管是初學(xué)者還是專業(yè)開發(fā)者，使用HTML都能創(chuàng)建功能豐富的網(wǎng)頁(yè)。九、做一做1、請(qǐng)同學(xué)們根據(jù)所學(xué)內(nèi)容，使用記事本，編寫主題為“新年新展望”的HTML文檔，要求含有文檔標(biāo)題，至少一個(gè)頁(yè)面標(biāo)題，一個(gè)正文段落，并在瀏覽器中觀看效果。我的新年展望是xxxxxx十、知識(shí)拓展HTML的歷史HTML（超文本標(biāo)記語(yǔ)言）是我們今天瀏覽網(wǎng)頁(yè)的基礎(chǔ)，它的歷史可以追溯到上世紀(jì)90年代初。1、起源：HTML由蒂姆·伯納斯-李（Tim Berners-Lee）于1991年發(fā)明，當(dāng)時(shí)的目的是為了方便科學(xué)家在全球范圍內(nèi)共享文檔。2、HTML 1.0：1993年，HTML 1.0正式發(fā)布，提供了基本的文檔結(jié)構(gòu)和超鏈接功能，使網(wǎng)頁(yè)的基本框架初具雛形。3、早期發(fā)展：隨著互聯(lián)網(wǎng)的快速發(fā)展，1995年發(fā)布的HTML 2.0規(guī)范增加了表格和表單的支持，進(jìn)一步豐富了網(wǎng)頁(yè)內(nèi)容。4、中期進(jìn)展：1997年，HTML 3.2正式發(fā)布，引入了更多的樣式和腳本支持，使網(wǎng)頁(yè)的功能和外觀更加多樣化和互動(dòng)化。5、HTML 4.01：1999年發(fā)布的HTML 4.01規(guī)范引入了對(duì)國(guó)際化的支持，并加強(qiáng)了對(duì)CSS樣式表的集成，推動(dòng)了網(wǎng)頁(yè)設(shè)計(jì)的分離與標(biāo)準(zhǔn)化。6、HTML5的到來(lái)：2014年，HTML5正式發(fā)布，它不僅增加了音頻、視頻和圖形繪制（Canvas）等多媒體支持，還改進(jìn)了語(yǔ)義化標(biāo)簽，提升了網(wǎng)頁(yè)的易用性、可訪問性和搜索引擎優(yōu)化。HTML從最初的簡(jiǎn)單文檔標(biāo)記語(yǔ)言，經(jīng)過(guò)多個(gè)版本的發(fā)展和改進(jìn)，如今已經(jīng)成為構(gòu)建豐富多彩、功能強(qiáng)大的現(xiàn)代網(wǎng)頁(yè)的核心技術(shù)，不斷推動(dòng)著互聯(lián)網(wǎng)的進(jìn)步與創(chuàng)新。十一、議一議1、你覺得為什么HTML會(huì)對(duì)互聯(lián)網(wǎng)有那么大的影響？（1）基礎(chǔ)語(yǔ)言：HTML是網(wǎng)頁(yè)的基礎(chǔ)，使得我們能看到和使用互聯(lián)網(wǎng)。（2）簡(jiǎn)單易學(xué)：HTML的語(yǔ)法簡(jiǎn)單，任何人都可以學(xué)會(huì)，促進(jìn)了更多人創(chuàng)建內(nèi)容。（3）統(tǒng)一標(biāo)準(zhǔn)：HTML提供統(tǒng)一標(biāo)準(zhǔn)，確保網(wǎng)頁(yè)在不同設(shè)備和瀏覽器上都能正確顯示。（4）多媒體支持：HTML支持圖片、音頻和視頻，使得網(wǎng)頁(yè)更加豐富。（5）增強(qiáng)互動(dòng)：HTML與CSS和JavaScript合作，增加網(wǎng)頁(yè)互動(dòng)和動(dòng)態(tài)。（6）全球共享：HTML使人們能夠在全球范圍內(nèi)輕松共享和訪問信息。2、如果沒有HTML，你覺得我們今天的上網(wǎng)體驗(yàn)會(huì)是怎樣的？（1）網(wǎng)頁(yè)混亂：沒有HTML，網(wǎng)頁(yè)可能會(huì)沒有統(tǒng)一的結(jié)構(gòu)和格式，顯得混亂且難以閱讀。（2）難以創(chuàng)建：網(wǎng)頁(yè)制作會(huì)變得復(fù)雜，普通人很難自己創(chuàng)建網(wǎng)頁(yè)。（3）缺乏多媒體：網(wǎng)頁(yè)可能無(wú)法顯示圖片、音頻和視頻，只能看到簡(jiǎn)單的文本內(nèi)容。（4）少互動(dòng)：網(wǎng)頁(yè)會(huì)缺少表單和按鈕等互動(dòng)元素，使用體驗(yàn)變差。（5）全球共享難：沒有一個(gè)統(tǒng)一標(biāo)準(zhǔn)，信息共享變得很困難。 學(xué)生打開并閱讀一個(gè)簡(jiǎn)單的HTML文檔，從中識(shí)別并記錄常見的HTML標(biāo)簽和它們的用途。學(xué)生在文本編輯器中編寫一個(gè)包含基本結(jié)構(gòu)的HTML文檔，使用標(biāo)準(zhǔn)的HTML標(biāo)簽如, ,
標(biāo)記頁(yè)面正文的開始
標(biāo)記頁(yè)面正文的結(jié)束
標(biāo)記網(wǎng)頁(yè)的結(jié)束
新知講解
想一想
認(rèn)識(shí)HTML
3、HTML文檔的基本結(jié)構(gòu)
由尖括號(hào)包圍的關(guān)鍵詞，如“。
（5）主體部分：包含網(wǎng)頁(yè)上實(shí)際顯示的內(nèi)容，例如 ，

和

。
新知講解
議一議
2、為什么標(biāo)簽是網(wǎng)頁(yè)的基礎(chǔ)單元？
（1）結(jié)構(gòu)定義：標(biāo)簽決定了網(wǎng)頁(yè)的整體結(jié)構(gòu)，例如標(biāo)題、段落和列表。
（2）內(nèi)容顯示：標(biāo)簽包圍和標(biāo)記內(nèi)容，讓瀏覽器知道如何顯示這些內(nèi)容。
（3）鏈接資源：標(biāo)簽可以鏈接圖片、視頻和其他網(wǎng)頁(yè)資源，使網(wǎng)頁(yè)更豐富和互動(dòng)。
（4）語(yǔ)義信息：標(biāo)簽提供了網(wǎng)頁(yè)內(nèi)容的語(yǔ)義信息，使搜索引擎和輔助技術(shù)能更好地理解網(wǎng)頁(yè)。
（5）技術(shù)兼容：標(biāo)簽讓搜索引擎和屏幕閱讀器理解網(wǎng)頁(yè)內(nèi)容，從而使網(wǎng)頁(yè)更容易被找到和訪問。
新知講解
想一想
認(rèn)識(shí)HTML
3、HTML的作用
自1990年以來(lái)，HTML就一直被用作萬(wàn)維網(wǎng)的信息表示語(yǔ)言。使用HTML描述的文件需要通過(guò)Web瀏覽器顯示出效果。
新知講解
想一想
認(rèn)識(shí)HTML
3、HTML的作用
HTML是一種建立網(wǎng)頁(yè)文件的語(yǔ)言，通過(guò)標(biāo)記式的指令，將影像、聲音、圖片、文字動(dòng)畫、影視等內(nèi)容顯示出來(lái)。
新知講解
想一想
認(rèn)識(shí)HTML
3、HTML的作用
事實(shí)上，每一個(gè)HTML文檔都是靜態(tài)的網(wǎng)頁(yè)文件，這個(gè)文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語(yǔ)言，只是一種在排版網(wǎng)頁(yè)中，資料顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言，簡(jiǎn)單易學(xué)。
新知講解
想一想
認(rèn)識(shí)HTML
3、HTML的作用
HTML的普遍應(yīng)用就是因?yàn)閹?lái)了超文本的技術(shù)--通過(guò)單擊鼠標(biāo)從一個(gè)主題跳轉(zhuǎn)到另一個(gè)主題，從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面，與世界各地主機(jī)的文件鏈接。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行HTML文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作。
新知講解
議一議
1、為什么HTML被廣泛使用？
（1）簡(jiǎn)單易學(xué)：HTML容易學(xué)習(xí)，即使是初學(xué)者也能很快掌握。
（2）廣泛兼容：HTML被所有的網(wǎng)頁(yè)瀏覽器支持和識(shí)別，因此可以在任何設(shè)備上顯示。
（3）靈活多用：HTML可以展示文字、圖片、視頻和聲音等多種內(nèi)容，非常多功能。
（4）結(jié)構(gòu)清晰：HTML使用標(biāo)簽來(lái)組織內(nèi)容，使得網(wǎng)頁(yè)結(jié)構(gòu)清晰明了。
（5）互聯(lián)性強(qiáng)：使用超文本鏈接（如 標(biāo)簽），可以輕松地從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面，實(shí)現(xiàn)全球信息互聯(lián)。
新知講解
議一議
2、學(xué)習(xí)HTML對(duì)于將來(lái)制作網(wǎng)頁(yè)有什么好處？
（1）建立基礎(chǔ)知識(shí)：學(xué)習(xí)HTML提供了網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)，讓你理解網(wǎng)頁(yè)是如何構(gòu)建的。
（2）制作簡(jiǎn)單網(wǎng)頁(yè)：用HTML，你可以自己制作和設(shè)計(jì)簡(jiǎn)單的網(wǎng)頁(yè)，展示文字、圖片和鏈接等。
（3）與其他技術(shù)配合：HTML是與CSS和JavaScript等其他網(wǎng)頁(yè)制作技術(shù)配合使用的基礎(chǔ)，有助于你更全面地學(xué)習(xí)和掌握網(wǎng)頁(yè)設(shè)計(jì)。
（4）增強(qiáng)創(chuàng)造力：制作網(wǎng)頁(yè)需要?jiǎng)?chuàng)意和邏輯思維，學(xué)習(xí)HTML能提高你的創(chuàng)造力和解決問題的能力。
新知講解
想一想
認(rèn)識(shí)HTML
擴(kuò)展閱讀
超文本是一種組織信息的方式，它通過(guò)超級(jí)鏈接的方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。
新知講解
想一想
認(rèn)識(shí)HTML
擴(kuò)展閱讀
這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺(tái)計(jì)算機(jī)上的文件。
新知講解
想一想
認(rèn)識(shí)HTML
擴(kuò)展閱讀
這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找、檢索信息提供方便HTTP的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn)。
新知講解
議一議
1、超文本與互聯(lián)網(wǎng)之間有什么關(guān)系？
（1）基本概念的聯(lián)系：超文本在互聯(lián)網(wǎng)上用來(lái)展示和組織各種信息。
（2）信息獲取的便捷性：點(diǎn)擊超文本中的鏈接能快速跳轉(zhuǎn)到相關(guān)信息頁(yè)面。
（3）網(wǎng)頁(yè)內(nèi)容的豐富性：網(wǎng)頁(yè)用超文本語(yǔ)言寫，可以包含圖片、視頻和文字內(nèi)容。
（4）全球信息連接：超文本讓我們輕松訪問世界各地的網(wǎng)頁(yè)和網(wǎng)站。
（5）統(tǒng)一協(xié)議的重要性：HTTP協(xié)議幫助瀏覽器和服務(wù)器正確傳輸超文本信息內(nèi)容。
新知講解
議一議
2、超鏈接是如何提高信息獲取效率的？
（1）快速跳轉(zhuǎn)：點(diǎn)擊超鏈接，可以立即跳到相關(guān)的信息頁(yè)面。
（2）減少搜索時(shí)間：超鏈接直接帶你到相關(guān)內(nèi)容，減少查找時(shí)間。
（3）方便導(dǎo)航：網(wǎng)站通過(guò)超鏈接組織內(nèi)容，方便用戶瀏覽不同主題。
（4）直接訪問源頭：超鏈接可以直接鏈接到詳細(xì)信息的來(lái)源，提供更多細(xì)節(jié)。
（5）多媒體集成：超鏈接可以連接到圖片、視頻等多種形式的信息，豐富獲取途徑。
新知講解
想一想
認(rèn)識(shí)HTML
4、HTML的特點(diǎn)
超文本標(biāo)記語(yǔ)言文檔制作相對(duì)簡(jiǎn)單，但功能強(qiáng)大，支持嵌入不同數(shù)據(jù)格式的文件。
新知講解
想一想
認(rèn)識(shí)HTML
4、HTML的特點(diǎn)
（1）簡(jiǎn)易性：超文本標(biāo)記語(yǔ)言有統(tǒng)一的結(jié)構(gòu)和規(guī)定，從而更加簡(jiǎn)單易學(xué)。
新知講解
想一想
認(rèn)識(shí)HTML
4、HTML的特點(diǎn)
（2）可擴(kuò)展性：超文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求。同時(shí)超文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。
特殊符號(hào) 字符實(shí)體 示例
空格   百度   新浪
大于號(hào)(>) > 如果時(shí)間>晚上6點(diǎn)，就坐車回家
小于號(hào)(<) < 如果時(shí)間<早上7點(diǎn)，就走路去上學(xué)
引號(hào)("') " W3C規(guī)范中，HTML的屬性值必須用成對(duì)的"引起來(lái)
版權(quán)符號(hào)@ © © 2006-2024深圳市二一教育科技有限責(zé)任公司
新知講解
想一想
認(rèn)識(shí)HTML
4、HTML的特點(diǎn)
（3）平臺(tái)無(wú)關(guān)性：超文本標(biāo)記語(yǔ)言可以使用在廣泛的平臺(tái)上。
新知講解
想一想
認(rèn)識(shí)HTML
4、HTML的特點(diǎn)
（4）通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，一種簡(jiǎn)單、通用的標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上其他任何人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。
新知講解
議一議
1、你認(rèn)為HTML的可擴(kuò)展性會(huì)對(duì)網(wǎng)站開發(fā)帶來(lái)哪些好處？
（1）HTML的簡(jiǎn)易性：HTML的語(yǔ)法簡(jiǎn)單，容易理解。
（2）HTML的可擴(kuò)展性：通過(guò)增加新的標(biāo)簽和屬性，HTML可以實(shí)現(xiàn)更多功能，如播放視頻。
（3）HTML的平臺(tái)無(wú)關(guān)性：HTML可以在任何設(shè)備和操作系統(tǒng)上運(yùn)行，所有瀏覽器都支持。
（4）HTML的通用性：HTML是構(gòu)建網(wǎng)頁(yè)的基礎(chǔ)語(yǔ)言，可以將文本和圖片結(jié)合在一個(gè)頁(yè)面中。
新知講解
議一議
2、為什么HTML被稱為網(wǎng)絡(luò)的通用語(yǔ)言？
（1）瀏覽器支持：所有的網(wǎng)頁(yè)瀏覽器都能讀懂并顯示HTML，從而保證任何人都能訪問網(wǎng)頁(yè)。
（2）跨平臺(tái)：HTML能在不同的操作系統(tǒng)（如Windows、Mac、Linux）和設(shè)備（如電腦、手機(jī)、平板）上正常運(yùn)行。
（3）內(nèi)容整合：HTML允許在網(wǎng)頁(yè)上集成文字、圖片、視頻和鏈接，提供豐富的內(nèi)容展示。
（4）開發(fā)兼容性：不管是初學(xué)者還是專業(yè)開發(fā)者，使用HTML都能創(chuàng)建功能豐富的網(wǎng)頁(yè)。
新知講解
做一做
1、請(qǐng)同學(xué)們根據(jù)所學(xué)內(nèi)容，使用記事本，編寫主題為“新年新展望”的HTML文檔，要求含有文檔標(biāo)題，至少一個(gè)頁(yè)面標(biāo)題，一個(gè)正文段落，并在瀏覽器中觀看效果。


。
主體部分： 包含網(wǎng)頁(yè)上實(shí)際顯示的內(nèi)容，例如 標(biāo)簽及其內(nèi)容。
45
https://www.21cnjy.com/help/help_extract.php
讓備課更有效
www.21cnjy.com
Thanks!

展開更多......

收起↑