8.7网页的数据组织（学习任务单）-信息技术八年级上册同步备课（浙教版）
2024-12-25
|
2页
|
159人阅读
|
4人下载
普通
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技浙教版八年级上册 |
| 年级 | 八年级 |
| 章节 | 第7课 网页的数据组织 |
| 类型 | 学案-学习任务单 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2024-2025 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | DOCX |
| 文件大小 | 381 KB |
| 发布时间 | 2024-12-25 |
| 更新时间 | 2024-12-25 |
| 作者 | xkw_079922842 |
| 品牌系列 | - |
| 审核时间 | 2024-12-25 |
| 下载链接 | https://m.zxxk.com/soft/49570570.html |
| 价格 | 1.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
八年级（上） 第二单元互联网数据
第7课 网页的数据组织
【活动一】猜一猜
在浏览网站时，我们能欣赏到组织有序且内容丰富的网页（例如：图1），请你猜一猜图1中①②对应的代码，并在图2中标注。
图1
图2
【活动一】试一试
打开图1网站https://www.chnmuseum.cn/zp/zpml/201812/t20181218_28592.shtml，使用浏览器（以Google Chrome浏览器为例）的“开发者工具”（图2）查看HTML代码，并利用“审查元素”（图3）功能查看是否猜对。
图2
图3
【活动二】
根据小组“人工智能”主题网站的制作方案，用HTML语言编写网页首页的代码，
1.修改背景颜色。2.尝试插入资料库主题图片3.增加超链接。
一、编辑与调试
①打开半成品文本文档 ②在文档中编写html代码 ③修改后缀名为html（以win10为例，图4） ④运行调试
图4
二、标签知识库：
标题标签：
<h1>标题</h1>
图片标签：
<img src ="图片路径">
网页背景色：
<body bgcolor="颜色名称"></body>
字体格式：
<font face=”字体名称” size=”字号数值” color="颜色名称">文字</font>
超链接
<a href=”链接位置”>链接元素</a>
【扩展阅读】
超链接
超链接可以链接到其他网页、同一页面的其他部分、各种文件和资源，甚至可以触发设备上的电子邮件客户端或电话拨号应用程序。
1. 其他网页：超链接最常见的用途是链接到其他网页。可以使用绝对URL（完整的网址，包括协议和域名）或相对URL（相对于当前页面的路径）来指定目标网页的位置。例如：
< a href=" ">访问示例网站</ a>
< a href="page2.html">跳转到第二个页面</ a>
2. 同一页面的其他部分：超链接也可以用于在同一页面中创建内部导航。可以通过在目标元素上添加“id”属性，并在超链接的“href”属性中使用锚点（以“#”开头）来实现。例如：（点击 "跳转到第二部分" 的链接将会滚动页面并定位到带有id="section2"的元素。）
< a href="#section2">跳转到第二部分</ a>
...
<h2 id="section2">第二部分</h2>
3. 文件和资源：超链接还可以链接到各种文件和资源，例如图像、音频、视频、PDF文件等。只需将文件的路径或URL指定为超链接的“href”属性。例如：
< a href="images/picture.jpg">查看图片</ a>
< a href="documents/document.pdf">打开PDF文档</ a>
4. 电子邮件：使用特殊的“mailto:”链接，点击后将会打开默认的邮件客户端的新电子邮件撰写窗口。例如：（点击 "发送电子邮件" 的链接将会启动用户设备上的邮件客户端，并自动填充收件人为 "info@example.com"。）
< a href="mailto:info@example.com">发送电子邮件</ a>
5. 电话号码：使用特殊的“tel:”链接，可以创建一个超链接，点击后将会启动用户设备上的电话拨号应用程序。例如：（点击 "拨打电话" 的链接将会触发设备上的电话应用程序，并将号码设置为 "+123456789"。）
< a href="tel:+123456789">拨打电话</ a>
学科网（北京）股份有限公司
$$
资源预览图
1
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。