粤高教A版八年级下册第四节 认识标记语言HTML获奖课件ppt

这是一份粤高教A版八年级下册第四节 认识标记语言HTML获奖课件ppt，文件包含粤高教A版信息技术八下24《认识标记语言HTML》课件pptx、粤高教A版信息技术八下24《认识标记语言HTML》教案doc、HTML语言简介wmv等3份课件配套教学资源，其中PPT共26页， 欢迎下载使用。
前面我们学习了利用FrntPage来建立网站，为了建好丰富多彩的网页，下载了许多有关编写网页的资料，有的资料说可通过插入HTML代码来实现网页要呈现的效果。但是把这些资料里提供的代码像编辑文字一样输入网页中，可什么变化也没有？今天我们就来解决这样的问题。
HTML是用来描述网页的一种超文本标记语言(Hyper Text Markup Language)，这些英文单词在计算机专业英文解释的意思分别是：Hyper：超，Text：文本，Markup：标记，Language：语言。然后把他们连起来就是：超文本标记语言。
1、通过观看视频想一想什么是HTML?
网页的标题网页显示的内容
2、HTML的基本结构是什么?
我们看到的网页是浏览器对HTML解释显示的结果。HTML标记语言的超文本功能，把网页连接起来形成多姿多彩的互联网世界。
用户可以通过图形界面直接设置网页，而相应的HTML代码由网页编辑工具在幕后自动生成。
二、认识HTML文档结构
用FrntPage打开“插入文字.htm”，并检查对应源代码。
1、启动FrntPage，打开“插入文字.htm”
2、单击标签按钮“HTML，查看对应源代码
输入文字祝贺李肖同学获校形象大赛一等奖！
通过观察这段源代码，你发现了什么？
在源代码中，我们看到有一些由“”括起来的字符串，如、、、等，这些就是HTML标记。每个HTML标记代表着一些特定的含义。
HTML标记分单标记和双标记两种。双标记是以开始标签开始，以结束标签结束，结束标签比开始标签多一个斜杠“/”。如和是段落标记，用于区分段落。单标记只有开始标记，没有结束标记。如
是换行标记
用FrntPage打开“插入图像.htm”，并检查对应源代码。1、启动FrntPage，打开“插入图像.htm”。2、单击编辑区左下角的标签按钮“HTML”，查看对应源代码。
插入图像
在源代码中可以看到，网页标题放在和标记之间
是单标记，img后面是页面显示的图像属性。
插入表格班级相册 width=“50%”才艺展示
网页标题，放在和之间
标记用来定义表格
标记用来定义表格的行
标记用来定义表格的列
页面标题放在和标记之间表格标记，和之间定义了一个表格
和是行标记，表示某一行；和是列标记，表示某一列，标记内的属性意为单元格宽度（width）为浏览器窗口宽度50%（width=“50%”) 。
表格属性为：表格边框（brder）宽度为1个像素，表格的宽度（width）为浏览器窗口宽度（width=“100%”）
比较“插入文字.html、插入图像.html、插入表格.html”相应的HTML代码，说说相同点和不同点？
开头、结尾；标题在和之间
在和之间的HTML代码不同
试说说你所理解的HTML文档的基本结构？
页面标题
页面内容
网页的主要内容放于和之间
1、（ ）是用来描述网页的一种超文本标记语言。2、HTML标记分（ ）和（ ）两种。3、网页标题，放在（ ）和（ ）之间。4、网页显示的内容，放在（ ）和（ ）之间。
运行FrntPage，试一试用HTML语言编写网页。要求图文并茂，并添加设置表格。