第7课 网页的数据组织 课件 2023—2024学年浙教版（2023）初中信息技术八年级上册

网页的数据组织 第7课 通过观察和探究网页代码，认识HTML语言，掌握HTML文件的基本结构，能初步编辑HTML网页代码；在浏览网页的过程中，能理解超链接的作用。 学习目标 1、你知道网页是如何实现图片呈现的? 2、超链接能链接哪些类型的文件? 本课探究 1 HTML语言 HTML语言 你知道编写网页的语言吗？ 网页设计常用的编程语言主要是HTML、CSS、JavaScript，其他还有JAVA、PHP、PYTHON、SQL、C/C++语言等。 HTML语言 什么是HTML语言吗？ HTML(HyperText Marked Language) 即超文本标记语言，定义了网页内容的结构和内容。用HTML编写的超文本文件称为HTML文件，HTML文件一般通过浏览器解释执行。在使用浏览器访问网页时，浏览器读取并分析HTML文件中的代码，根据解释的结果呈现网页内容。 HTML语言 查看网页代码： HTML语言 活动一：尝试打开 一个自己熟悉的网站，使用浏览器的“开发人员工具”查看，对比观察网页显示内容和对应的HTML代码。 2 HTML标签 HTML标签 HTML文件的基本结构： <html> # 标记网页的开始# <head> # 标记头部的开始# <title> 显 示 网 页 的 标 题 < /title> </head> # 标记头部的结束# <body> # 标记网页正文开始# 网页内容 </body># 标记网页正文结束# </html> # 标记网页的结束# HTML标签 代码理解： HTML标签 教你一招： 居中对齐： <center></center> 网页背景色： <body bgcolor="颜色名称"></body> 字体格式：<font face= "字体名称" size= "字号数值" color="颜色名称"> 文字</font> HTML标签 活动二：根据小组“人工智能”主题网站的制作方案，用HTML语言编写网页首页的代码，尝试插入主题图片，并调试查看网页效果。 3 超链接 超链接 什么是超链接？ 超文本链接 (Hypertext Link)简称为超链接，可以实现从一个页面跳转到另一个页面或者跳转到页面的其他位置，实现文档互联、网站互联。在HTML文档中，链接元素可以是文本、图片等。 超链接 超链接的标签： 建立超链接的标签为<a></a>, href属性的作用是设置链接的位置，是<a></a>标签必不可少的。 <a href="链接位置">链接元素</a> 超链接 超链接的标签： 谢谢大家 $$