資源簡介 (共18張PPT)信息科技八年級上網頁的數據組織第7課通過觀察和探究網頁代碼,認識HTML語言,掌握HTML文件的基本結構,能初步編輯HTML網頁代碼;在瀏覽網頁的過程中,能理解超鏈接的作用。學習目標1、你知道網頁是如何實現圖片呈現的 2、超鏈接能鏈接哪些類型的文件 本課探究1HTML語言HTML語言你知道編寫網頁的語言嗎?網頁設計常用的編程語言主要是HTML、CSS、JavaScript,其他還有JAVA、PHP、PYTHON、SQL、C/C++語言等。HTML語言什么是HTML語言嗎?HTML(HyperText Marked Language) 即超文本標記語言,定義了網頁內容的結構和內容。用HTML編寫的超文本文件稱為HTML文件,HTML文件一般通過瀏覽器解釋執行。在使用瀏覽器訪問網頁時,瀏覽器讀取并分析HTML文件中的代碼,根據解釋的結果呈現網頁內容。HTML語言查看網頁代碼:HTML語言活動一:嘗試打開 一個自己熟悉的網站,使用瀏覽器的“開發人員工具”查看,對比觀察網頁顯示內容和對應的HTML代碼。2HTML標簽HTML標簽HTML文件的基本結構: # 標記網頁的開始# # 標記頭部的開始# 顯 示 網 頁 的 標 題 < /title> # 標記頭部的結束# # 標記網頁正文開始#網頁內容# 標記網頁正文結束# # 標記網頁的結束#HTML標簽代碼理解:HTML標簽教你一招:居中對齊: 網頁背景色: 字體格式: 文字HTML標簽活動二:根據小組“人工智能”主題網站的制作方案,用HTML語言編寫網頁首頁的代碼,嘗試插入主題圖片,并調試查看網頁效果。3超鏈接超鏈接什么是超鏈接?超文本鏈接 (Hypertext Link)簡稱為超鏈接,可以實現從一個頁面跳轉到另一個頁面或者跳轉到頁面的其他位置,實現文檔互聯、網站互聯。在HTML文檔中,鏈接元素可以是文本、圖片等。超鏈接超鏈接的標簽:建立超鏈接的標簽為, href屬性的作用是設置鏈接的位置,是標簽必不可少的。鏈接元素超鏈接超鏈接的標簽:謝謝大家 展開更多...... 收起↑ 資源預覽 縮略圖、資源來源于二一教育資源庫