浙教版（2023）八年級上冊第7課 網(wǎng)頁的數(shù)據(jù)組織教案配套課件ppt

這是一份浙教版（2023）八年級上冊第7課 網(wǎng)頁的數(shù)據(jù)組織教案配套課件ppt，共19頁。PPT課件主要包含了學(xué)習(xí)目標(biāo)，HTML語言，親身體驗，HTML標(biāo)簽，教你一招，超鏈接，隨堂練習(xí)等內(nèi)容，歡迎下載使用。
第7課 網(wǎng)頁的數(shù)據(jù)組織
通過觀察和探究網(wǎng)頁代碼，認(rèn)識HTML語言，掌握HTML文件的基本結(jié)構(gòu)，能初步編輯HTML網(wǎng)頁代碼；在瀏覽網(wǎng)頁的過程中，能理解超鏈接的作用。
1.你知道網(wǎng)頁是如何實現(xiàn)圖片呈現(xiàn)的？ 2.超鏈接能鏈接哪些類型的文件？
瀏覽網(wǎng)站時，人們能欣賞到組織有序且包含著豐富的文字、圖片、聲音、視頻等內(nèi)容的網(wǎng)頁，這些都是通過HTML語言來設(shè)計、組織的。
HTML (HyperText Marked Language)即超文本標(biāo)記語言，定義了網(wǎng)頁內(nèi)容的結(jié)構(gòu)和內(nèi)容。用HTML編寫的超文本文件稱為HTML文件，HTML文件一般通過瀏覽器解釋執(zhí)行。在使用瀏覽器訪問網(wǎng)頁時，瀏覽器讀取并分析 HTML文件中的代碼，根據(jù)解釋的結(jié)果呈現(xiàn)網(wǎng)頁內(nèi)容。
HTML文件可以使用文本編輯器編寫，也可以使用專業(yè)軟件編輯。網(wǎng)頁可以通過瀏覽器的“開發(fā)人員工具”看到HTML代碼并編輯調(diào)試。
嘗試打開一個自己熟悉的網(wǎng)站，使用瀏覽器的“開發(fā)人員工具”查看，對比觀察網(wǎng)頁顯示內(nèi)容和對應(yīng)的HTML代碼。
HTML用標(biāo)簽來規(guī)定元素的屬性和其在文件中的位置，一個HTML文件一般包含多個標(biāo)簽，HTML標(biāo)簽由和“>”符號包圍的字符串而組成， 通常以成對標(biāo)簽出現(xiàn)。
HTML文件的基本結(jié)構(gòu)： #標(biāo)記網(wǎng)頁的開始# #標(biāo)記頭部的開始# 顯示網(wǎng)頁的標(biāo)題 #標(biāo)記頭部的結(jié)束# #標(biāo)記網(wǎng)頁正文開始# 網(wǎng)頁內(nèi)容 #標(biāo)記網(wǎng)頁正文結(jié)束# #標(biāo)記網(wǎng)頁的結(jié)束#
網(wǎng)頁首頁index.html的代碼及效果圖：
首頁的HTML代碼及效果圖
根據(jù)小組“人工智能”主題網(wǎng)站的制作方案，用HTML語言編寫網(wǎng) 頁首頁的代碼，嘗試插入主題圖片，并調(diào)試查看網(wǎng)頁效果。
為了使網(wǎng)頁便于用戶瀏覽，可以使用HTML標(biāo)簽簡單設(shè)置文本版面。居中對齊：＜center＞＜/center＞網(wǎng)頁背景色：＜bdy bgclr="顏色名稱"〉＜/bdy＞字體格式：＜fnt face=字體名稱size=字號數(shù)值clr="顏色 名稱"〉文字＜/fnt＞
超文本鏈接(Hypertext Link)簡稱為超鏈接，可以實現(xiàn)從一個頁面跳轉(zhuǎn)到另一個頁面或者跳轉(zhuǎn)到頁面的其他位置，實現(xiàn)文檔互聯(lián)、網(wǎng)站互聯(lián)。
在 HTML文檔中，鏈接元素可以是文本、圖片等，建立超鏈接的標(biāo)簽為, href屬性的作用是設(shè)置鏈接的位置，是標(biāo)簽必不可少的。常見的格式如下：