思考:我們從抖音、微博、微信公眾號、門戶網(wǎng)站等途徑了解到哪吒2這部電影的信息,本質(zhì)上都是網(wǎng)頁給大家呈現(xiàn)的。
HTML代碼是網(wǎng)頁的“骨架”
上網(wǎng)瀏覽時會接觸風格各異的網(wǎng)頁,里面有文字、圖片、音頻、視頻等多種資源。通過網(wǎng)頁中的超鏈接,可以方便地在網(wǎng)頁和資源之間跳轉(zhuǎn)。這一切到底是怎樣完成的呢?
左邊原網(wǎng)頁的元素和右邊的源代碼是____________的。這里的代碼我們稱為_______;代碼中使用尖括號的部分我們稱為_______。
超文本標記語言(HyperText Markup Language),簡稱HTML,是用于創(chuàng)建網(wǎng)頁的標準標記語言。HTML不是一種編程語言,而是一種標記語言,標記語言是一套標記標簽(markup tag)。HTML使用標記標簽來描述網(wǎng)頁。HTML文檔包含了HTML標簽及文本內(nèi)容。HTML文檔也叫做web頁面,包含很多因素,音樂、文字、鏈接、圖片等。
HTML語言是標記語言,標簽就是標記符號,瀏覽器獲得網(wǎng)頁代碼后,就會按照標簽的標記,顯示相應(yīng)的文字、圖片等,進而呈現(xiàn)出完整的網(wǎng)頁效果。
常用的網(wǎng)頁標簽如下表。
參考左邊表格認識以下代碼作用
網(wǎng)頁設(shè)計就像太乙真人用蓮藕為哪吒重塑肉身!
我們設(shè)計網(wǎng)頁的過程就像太乙真人用蓮藕拼哪吒!我們用HTML標簽搭積木,標簽是頂天立地的標題牌,標簽是壘故事的文字磚塊,標簽像畫框掛出圖片窗。每個標簽像一節(jié)神奇蓮藕,拼出網(wǎng)頁的胳膊、腿和笑臉。最后敲下和標簽,就像念動復(fù)活咒語,空白的屏幕“噗”地跳出會說話的小哪吒!只要我們掌握標簽語言,就能在代碼世界玩出重塑肉身的境界!
整個網(wǎng)頁肉身大體結(jié)構(gòu)如下:
登入教學(xué)平臺,點擊活動1 哪吒的第1個網(wǎng)頁。根據(jù)要求完成修改網(wǎng)頁標題、更換圖片、增加圖片說明等任務(wù)。
活動1 哪吒的第1個網(wǎng)頁
制作好網(wǎng)頁后,如何發(fā)布你的網(wǎng)頁讓別人看到你的作品。
看老師演示如何進行網(wǎng)站發(fā)布
1、下載活動1設(shè)計的網(wǎng)頁,并保存到本地(比如桌面)。 2、根據(jù)網(wǎng)站發(fā)布的要求,網(wǎng)站首頁通常要使用index命名,修改下載的網(wǎng)頁的重命名為index.html,并在桌面上新建一個文件夾,作為網(wǎng)站目錄,將index.html文件移動到新建的文件夾中。 3、下載網(wǎng)站發(fā)布軟件到新建的文件夾中,運行該程序,查看瀏覽器顯示的網(wǎng)站內(nèi)容。
4、體驗網(wǎng)站圖片顯示兩種方法。 方法一:指向了一個圖片文件,找到下載的圖片,保存到剛才新建的文件夾中,使用記事本打開index.html,修改圖片位置代碼。 方法二:把圖片文件中的數(shù)據(jù)按Base64 編碼方案進行了編碼。編碼后,二進制的圖片數(shù)據(jù)就可以用字符串的形式表示出來。瀏覽器可以識別 Base64 編碼,并顯示圖片。此時,圖片數(shù)據(jù)保存在字符串中,因而不再需要原始圖片文件。 圖片Base64 編碼基本原理:讀取圖片的二進制數(shù)據(jù),編譯成瀏覽器可以識別的Base64編碼,圖片在網(wǎng)頁中就可以使用編碼形式存在而不依耐原來的圖片文件。
登入教學(xué)平臺,根據(jù)前面介紹與活動2的步驟要求,完成該任務(wù)。
HTML是一種可用于描述網(wǎng)頁的語言。
HTML語言中用于標記內(nèi)容、格式或超鏈接的代碼符號叫標簽。
網(wǎng)站發(fā)布可以快速分享自己的作品
修改標簽及內(nèi)容,可以改變網(wǎng)頁的顯示效果。

相關(guān)課件

初中信息技術(shù)人教版(2024)八年級全一冊第1課 開啟物聯(lián)網(wǎng)之門獲獎ppt課件:

這是一份初中信息技術(shù)人教版(2024)八年級全一冊第1課 開啟物聯(lián)網(wǎng)之門獲獎ppt課件,共28頁。PPT課件主要包含了CONTENT,認識物聯(lián)網(wǎng),查找身邊能聯(lián)網(wǎng)的物品,找身邊能聯(lián)網(wǎng)的物品,物聯(lián)網(wǎng)與互聯(lián)網(wǎng)的關(guān)系,互聯(lián)網(wǎng)與物聯(lián)網(wǎng)的區(qū)別,三個階段網(wǎng)絡(luò)的特點,我國物聯(lián)網(wǎng)的發(fā)展歷程,我國的物聯(lián)網(wǎng)發(fā)展歷程,快速發(fā)展階段等內(nèi)容,歡迎下載使用。

初中信息技術(shù)人教版(2024)七年級全一冊第2單元 直播網(wǎng)絡(luò)我來建第4課 數(shù)據(jù)分包靈活傳課前預(yù)習(xí)ppt課件:

這是一份初中信息技術(shù)人教版(2024)七年級全一冊第2單元 直播網(wǎng)絡(luò)我來建第4課 數(shù)據(jù)分包靈活傳課前預(yù)習(xí)ppt課件,共14頁。PPT課件主要包含了數(shù)據(jù)分包靈活傳,存儲轉(zhuǎn)發(fā),分包傳輸,課堂總結(jié),動手操作等內(nèi)容,歡迎下載使用。

信息技術(shù)人教版(2024)第23課 在線生活創(chuàng)意多精品ppt課件:

這是一份信息技術(shù)人教版(2024)第23課 在線生活創(chuàng)意多精品ppt課件,共14頁。PPT課件主要包含了學(xué)習(xí)目標,問題情境,學(xué)習(xí)內(nèi)容,第23課學(xué)習(xí)內(nèi)容等內(nèi)容,歡迎下載使用。

英語朗讀寶

相關(guān)課件 更多

人教版(2024)七年級全一冊第27課 個人信息防泄露評優(yōu)課課件ppt

人教版(2024)七年級全一冊第27課 個人信息防泄露評優(yōu)課課件ppt

初中信息技術(shù)人教版(2024)七年級全一冊第18課 美化網(wǎng)頁方法多一等獎ppt課件

初中信息技術(shù)人教版(2024)七年級全一冊第18課 美化網(wǎng)頁方法多一等獎ppt課件

初中第17課 制作網(wǎng)頁展活動精品教學(xué)課件ppt

初中第17課 制作網(wǎng)頁展活動精品教學(xué)課件ppt

信息技術(shù)七年級全一冊第16課 探秘網(wǎng)頁與代碼試講課課件ppt

信息技術(shù)七年級全一冊第16課 探秘網(wǎng)頁與代碼試講課課件ppt

資料下載及使用幫助
版權(quán)申訴
版權(quán)申訴
若您為此資料的原創(chuàng)作者,認為該資料內(nèi)容侵犯了您的知識產(chǎn)權(quán),請掃碼添加我們的相關(guān)工作人員,我們盡可能的保護您的合法權(quán)益。
入駐教習(xí)網(wǎng),可獲得資源免費推廣曝光,還可獲得多重現(xiàn)金獎勵,申請 精品資源制作, 工作室入駐。
版權(quán)申訴二維碼
初中信息技術(shù)人教版(2024)七年級全一冊電子課本

第16課 探秘網(wǎng)頁與代碼

版本: 人教版(2024)

年級: 七年級全一冊

切換課文
所有DOC左下方推薦
歡迎來到教習(xí)網(wǎng)
  • 900萬優(yōu)選資源,讓備課更輕松
  • 600萬優(yōu)選試題,支持自由組卷
  • 高質(zhì)量可編輯,日均更新2000+
  • 百萬教師選擇,專業(yè)更值得信賴
微信掃碼注冊
qrcode
二維碼已過期
刷新

微信掃碼,快速注冊

手機號注冊
手機號碼

手機號格式錯誤

手機驗證碼 獲取驗證碼

手機驗證碼已經(jīng)成功發(fā)送,5分鐘內(nèi)有效

設(shè)置密碼

6-20個字符,數(shù)字、字母或符號

注冊即視為同意教習(xí)網(wǎng)「注冊協(xié)議」「隱私條款」
QQ注冊
手機號注冊
微信注冊

注冊成功

返回
頂部