八年级上册第7课 网页的数据组织优质学案及答案

这是一份八年级上册第7课 网页的数据组织优质学案及答案，共2页。学案主要包含了扩展阅读等内容，欢迎下载使用。
【活动一】猜一猜
在浏览网站时，我们能欣赏到组织有序且内容丰富的网页（例如：图1），请你猜一猜图1中①②对应的代码，并在图2中标注。
【活动一】试一试
打开图1网站，使用浏览器（以Ggle Chrme浏览器为例）的“开发者工具”（图2）查看HTML代码，并利用“审查元素”（图3）功能查看是否猜对。
【活动二】
根据小组“人工智能”主题网站的制作方案，用HTML语言编写网页首页的代码，
1.修改背景颜色。2.尝试插入资料库主题图片3.增加超链接。
一、编辑与调试
①打开半成品文本文档 ②在文档中编写html代码 ③修改后缀名为html（以win10为例，图4） ④运行调试
图4
二、标签知识库：
【扩展阅读】
超链接
超链接可以链接到其他网页、同一页面的其他部分、各种文件和资源，甚至可以触发设备上的电子邮件客户端或电话拨号应用程序。
1. 其他网页：超链接最常见的用途是链接到其他网页。可以使用绝对URL（完整的网址，包括协议和域名）或相对URL（相对于当前页面的路径）来指定目标网页的位置。例如：
< a href=" ">访问示例网站
< a href="page2.html">跳转到第二个页面
2. 同一页面的其他部分：超链接也可以用于在同一页面中创建内部导航。可以通过在目标元素上添加“id”属性，并在超链接的“href”属性中使用锚点（以“#”开头）来实现。例如：（点击 "跳转到第二部分" 的链接将会滚动页面并定位到带有id="sectin2"的元素。）
< a href="#sectin2">跳转到第二部分
...
第二部分
3. 文件和资源：超链接还可以链接到各种文件和资源，例如图像、音频、视频、PDF文件等。只需将文件的路径或URL指定为超链接的“href”属性。例如：
< a href="images/picture.jpg">查看图片
< a href="dcuments/dcument.pdf">打开PDF文档
4. 电子邮件：使用特殊的“mailt:”链接，点击后将会打开默认的邮件客户端的新电子邮件撰写窗口。例如：（点击 "发送电子邮件" 的链接将会启动用户设备上的邮件客户端，并自动填充收件人为 "inf@example.cm"。）
< a href="mailt:inf@example.cm">发送电子邮件
5. 电话号码：使用特殊的“tel:”链接，可以创建一个超链接，点击后将会启动用户设备上的电话拨号应用程序。例如：（点击 "拨打电话" 的链接将会触发设备上的电话应用程序，并将号码设置为 "+123456789"。）
< a href="tel:+123456789">拨打电话图1
图2
图2
图3
标题标签：
标题
图片标签：

网页背景色：

字体格式：
文字
超链接
链接元素