2.4认识标记语言HTML-粤高教版（B版）九年级信息技术上册课件 (2份打包)
2020-08-11
|
2份
|
29页
|
577人阅读
|
26人下载
普通
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息技术粤高教版（B版）九年级上册 |
| 年级 | 九年级 |
| 章节 | 第四节 认识标记语言HTML |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2020-2021 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | ZIP |
| 文件大小 | 28.38 MB |
| 发布时间 | 2020-08-11 |
| 更新时间 | 2023-04-09 |
| 作者 | chuneraha |
| 品牌系列 | - |
| 审核时间 | 2020-08-11 |
| 下载链接 | https://m.zxxk.com/soft/15103741.html |
| 价格 | 0.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
第四节 认识标记语言HTML
前面我们学习了利用FrontPage来建立网站，为了建好丰富多彩的网页，下载了许多有关编写网页的资料，有的资料说可通过插入HTML代码来实现网页要呈现的效果。但是把这些资料里提供的代码像编辑文字一样输入网页中，可什么变化也没有？今天我们就来解决这样的问题。
HTML语言简介
HTML是用来描述网页的一种超文本标记语言(Hyper Text Markup Language)，这些英文单词在计算机专业英文解释的意思分别是：Hyper：超，Text：文本，Markup：标记，Language：语言。然后把他们连起来就是：超文本标记语言。
1、通过观看视频想一想什么是HTML?
<html>
<head>
<title>网页的标题</title>
<body>网页显示的内容</body>
</head>
</html>
2、HTML的基本结构是什么?
一、网页的庐山真面目
我们看到的网页是浏览器对HTML解释显示的结果。HTML标记语言的超文本功能，把网页连接起来形成多姿多彩的互联网世界。
启动FrontPage，打开好书伴我成长网站的首页，在网页视图模式下，单击编辑区左下角的标签按钮“HTML”，你看到了什么？
单击标签按钮“HTML”
上面两张图片是编辑好书伴我成长网页及其源代码
用户可以通过图形界面直接设置网页，而相应的HTML代码由网页编辑工具在幕后自动生成。
二、认识HTML文档结构
用FrontPage打开“插入文字.htm”，并检查对应源代码。
1、启动FrontPage，打开“插入文字.htm”
任务
2、单击标签按钮“HTML，查看对应源代码
网页标题
网页显示的内容
<html>
<head>
<title>输入文字</title>
</head>
<body>
<p>祝贺李肖同学获校形象大赛一等奖！</p>
</body>
</html>
对应的源代码
网页标题
网页显示的内容
英汉对照提示
头部
head
标题
litie
身体、主要部分
body
交流
通过观察这段源代码，你发现了什么？
<html>
<head>
<title>输入文字</title>
</head>
<body>
<p>祝贺李肖同学获校形象大赛一等奖！</p>
</body>
</html>
在源代码中，我们看到有一些由“<>”括起来的字符串，如<title>、</title>、<body>、</body>等，这些就是HTML标记。每个HTML标记代表着一些特定的含义。
HTML标记分单标记和双标记两种。双标记是以开始标签开始，以结束标签结束，结束标签比开始标签多一个斜杠“/”。如<p>和</p>是段落标记，用于区分段落。单标记只有开始标记，没有结束标记。如<br>是换行标记
新知讲解
用FrontPage打开“插入图像.htm”，并检查对应源代码。
1、启动FrontPage，打开“插入图像.htm”
任务
2、单击编辑区左下角的标签按钮“HTML”，查看对应源代码
插入图像信息的网页
<html>
<head>
<title>插入图像</title>
</head>
<body>
<p><img border="0" src="HTML.jpg" width="431" height="304"></p>
</body>
</html>
对应的源代码
网页标题，放在<title>和</title>之间
网页显示的内容，放在<body>和</body>之间
在源代码中可以看到，网页标题放在<title>和</title>标记之间
网页显示的内容放在<body>和</body>之间
在HTML文档中插入图像是通过<img>标记来实现的
<img>是单标记，img后面是页面显示的图像属性。
17
用FrontPage打开“插入表格.htm”，并检查对应源代码。
1、启动FrontPage，打开“插入表格.htm”
任务
2、单击编辑区左下角的标签按钮“HTML”，查看对应源代码
插入表格信息的网页
<html>
<head>
<title>插入表格</title>
</head>
<body>
<table border="1" width="47%" id="table1">
<tr>
<td width=“148”>班级相册</td> <td> width=“50%”才艺展示</td>
</tr>
</table>
</body>
</html>
对应的源代码
网页标题，放在<title>和</title>之间
<table>标记用来定义表格
<tr>标记用来定义表格的行
<td>标记用来定义表格的列
第一
资源预览图
1
2
3
4
5
6
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。