資源簡(jiǎn)介

(共23張PPT)
情境導(dǎo)入：
本單元項(xiàng)目式 主題：校園科技節(jié)
在學(xué)?？萍脊?jié)活動(dòng)中，同學(xué)們上節(jié)課制作了“科技創(chuàng)新 自主可控”主題網(wǎng)頁。
網(wǎng)頁是使用統(tǒng)一的 HTML 語言來表達(dá)信息的，
那么怎樣才能看HTML語言表達(dá)信息的過程呢
我們能不能通過修改 HTML 語言來編輯頁呢
《1.2網(wǎng)頁中的信息編碼》
2023年電子工業(yè)出版社 七年級(jí)下冊(cè)
-第1單元 解密互聯(lián)網(wǎng)中的信息編碼 -
珠珠老師
信息科技 課件
2022新版課標(biāo)內(nèi)容
1
活動(dòng)1：查看網(wǎng)頁源代碼
2
活動(dòng)2：認(rèn)識(shí)網(wǎng)頁源代碼
《目錄》
信息科技
01
查看網(wǎng)頁源代碼
活動(dòng)1
01.知識(shí)點(diǎn)講解
無論使用什么軟件制作網(wǎng)頁，都可以通過瀏覽器查看網(wǎng)頁的源代碼。我們?cè)跒g覽器中看到的網(wǎng)頁，都是經(jīng)過瀏覽器翻譯后呈現(xiàn)的
活動(dòng)1：查看網(wǎng)頁源代碼
01
通過瀏覽器看到的網(wǎng)頁
01.知識(shí)點(diǎn)講解
在網(wǎng)頁的空白處右擊，然后在彈出的快捷菜單中單機(jī)“查看網(wǎng)頁源代碼”命令，就可以打開一個(gè)顯示網(wǎng)頁源代碼的頁面，如圖所示
活動(dòng)1：查看網(wǎng)頁源代碼
01
網(wǎng)頁源代碼
舉例：這部分為網(wǎng)頁標(biāo)題
01.知識(shí)點(diǎn)講解
請(qǐng)你用這種方法打開一個(gè)網(wǎng)頁，查看其源代碼。找一找網(wǎng)頁的標(biāo)題是什么，并嘗試說一說源代碼中標(biāo)簽“<>”的作用。
01
思考與討論
活動(dòng)1：查看網(wǎng)頁源代碼
01.知識(shí)點(diǎn)講解
網(wǎng)頁源代碼是用HTML語言編寫的文件，也稱為HTML文件，它實(shí)際上是純文本文件。
在HTML文件中，我們可以看到很多用“<>”括起來的標(biāo)簽，如


網(wǎng)頁內(nèi)容……


提供網(wǎng)頁標(biāo)題.標(biāo)注及編碼信息的內(nèi)容，在網(wǎng)頁中不顯示
定義網(wǎng)頁標(biāo)題
網(wǎng)頁中顯示的內(nèi)容，即在這個(gè)區(qū)域?qū)懭氲娜魏蝺?nèi)容，都會(huì)顯示在網(wǎng)頁中
定義HTML文件
HTML文件的結(jié)構(gòu)圖
01.知識(shí)點(diǎn)講解
助力知識(shí)：HTML
活動(dòng)2：認(rèn)識(shí)網(wǎng)頁源代碼
02
HTML標(biāo)簽是HTML語言中最基本的單位，我們可以通過HTML標(biāo)簽來編輯網(wǎng)頁。
從圖 中我們可以看到，HTML標(biāo)簽是成對(duì)出現(xiàn)的，
標(biāo)簽對(duì)的第一個(gè)是開始標(biāo)簽，第二個(gè)是結(jié)束標(biāo)簽，如頭部標(biāo)簽 和 。
一般成對(duì)出現(xiàn)的標(biāo)簽，其內(nèi)容在兩個(gè)標(biāo)簽中間。
01.知識(shí)點(diǎn)講解
助力知識(shí)：HTML
活動(dòng)2：認(rèn)識(shí)網(wǎng)頁源代碼
02
此外，也有單獨(dú)出現(xiàn)的標(biāo)簽。下表中是-些常用的 HTML 標(biāo)簽。
常用的HTML標(biāo)簽 標(biāo)簽 顯示效果 標(biāo)簽 顯示效果
··· 標(biāo)題的字體大小，n1最大，n6最小 p>...

為文檔定義一個(gè)標(biāo)題 插入圖像
··· 文字以粗體形式顯示 ··· 定義超鏈接
··· 文字以斜體形式顯示