(课件网) 义务教育《信息科技》 7 年级上册 第 4 单元 筑巢互联网 第 8 课 互联网信息编辑 新知学习 项目探究 操作练习 拓展阅读 目录 HTML是一种专门用于Web页制作的标记语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。HTML最基本的语法是<标记符>。用HTML编写的超文本文档称为HTML文档，当浏览器接收到HTML文件后，就会解释这些标记符，将标记符的功能和内容表达出来。 新知学习 标记符 功能 使用示例 文本 元素

段落标记，分段

文本内容

换行 文本内容

到

标题标记

文本内容

文本内容

列表项

列表项内容

无序列表
• 列表项内容
……
有序列表
1. 列表项 1 内容
2. 列表项 2 内容
……
图片元素 图片信息 音频元素 视频元素 超链接 超链接信息 网页元素 用 HTML 语言编辑网页的基本框架，一般包含标记、头标记用来说明页面用途，显示在浏览器的标题栏中；主体标记用来显示网页页面内容。 新知学习 一个 HTML 页面的整体结构大致如下： 网页内容 在大多数浏览器页面的空白位置单击鼠标右键，选择弹出菜单中的“查看网页源代码”，即可看到由HTML语言编写的源代码。 新知学习 项目探究-制作“红岩”旅行攻略网页 1 2 3 4 5 网页设计规划 新建HTML5网页 文本元素的添加 与设置 多媒体元素的添加 设置超链接、保存网页 1.网页设计规划 制作网页前，应对网页展示内容、元素布局等进行规划，使网页适合人们浏览。本次《“红岩”旅行攻略》可简要设计为一个包含标题、列表、列表说明文字和图片等元素的网页。 打开可视化网页创作工具，点击【文件】菜单的【新建（N）…】项，可创建HTML5版本网页。 网页成功创建后，可看到工作视图有代码视图、实时视图和拆分三种模式，默认为“拆分”模式。 2.新建HTML5网页 3.文本元素的添加与设置 ①段落的添加 ②列表的添加 ③列表项说明文字的添加 ④文本字体的设置 将插入光标移至【实时视图】中的标题末端，点击【插入】菜单中的【段落】 项，并选择在标题之后插入，即可添加新的段落。 将插入光标移至刚才添加的段落中，点击【插入】菜单【有序列表】项（将自动生成有序列表及第1个列表项的序号），然后输入列表项标题完成第1个列表项的添加。 将插入光标定位到【代码视图】“
1. 红岩革命纪念馆
”标记之后，点击【插 入】菜单的【段落】项，然后在【实时视图】区完成文字编辑。 选中列表项标题，打开【属性】窗口，在 【CSS】选项卡中将【字体】选项的【字体粗细】设为“bold”。 图片插入与文本插入的方法相似，将光标移至插入位置，点击【插入】菜单中【Image】选项，并在弹出对话框中选定要插入的图片文件即可。 音频元素的插入分为“控件插入”“控件设置”两个步骤：首先，将光标移到待插入的位置，点击【插入】的【HTML】子菜 ... ...