网页的庐山真面目ppt课件初中信息技术粤高教社课标版八年级下册课件.pptVIP

初中信息技术苏科课标版七年级全一册课件内蒙古鄂尔多斯东胜区正东中学八年级数学上册七年级历史上册第3单元秦汉时期统一多民族国家的建立和巩固复习课件新人教版整理版清华机械工程操纵基础课件 认识标记语言HTML 第二章 第五节 本节课目标 什么是HTML？ HTML的基本结构是什么？ 认识常见的HTML标记。 引入：网页的本质 实践 观察一个网页文件，用IE浏览器打开，再在浏览器点击“查看”→“源文件”，你看到了什么？ 经过浏览器解释 后显示的结果 一、网页的庐山真面目 我们看到的代码是HTML代码。早期的网页设计者通常使用HTML编写网页，HTML是超文本标记语言的缩写，是用于描述网页文档的一种标记语言，它的超文本功能，把网页链接在一起形成网站。 看到的页面是浏览器对HTML代码解释后显示的结果。 思考：能否用word或者写字板或者记事本编写网页？ 二、HTML文档结构 HTML标记语言的组成 在源代码里，我们看到了一些由 括起来的字符串，这些就是HTML标记。 HTML标记代表着一些特定的含义。我们学习HTML就是学习这些标记。 HTML标记分为单标记和双标记。 单标记：br 换行标记 （shift+回车） 双标记：p 内容/p 段落标记 （回车） 一个网页文件一般必须包括的html标记有哪些？ 任务一： 编写只有文字的网页的源代码。思考HTML语言由什么组成？HTML标记分为哪几类？ 对应的源代码如下： html head title插入文字/title /head body p祝贺李肖同学获校形象大赛一等奖！/p /body /html 交流：观察这段代码，你发现了什么？ 任务二： 编写只有图片的网页的源代码。思考网页标题放在哪里？网页的显示内容放在哪里？ 插入图片的标记是哪个？ 对应的源代码如下： html head title插入图像/title /head body pimg border=“0” src=“xiangce/hj.jpg”width=“202” height=“152” /p /body /html 思考：在这段代码，你看到了什么？ 任务三： 编写只有表格的网页的源代码。思考表格标记怎么表示？行标记和列标记是什么？ 对应的源代码如下： html head title插入表格/title /head body table border=“1” width=“100%” tr td width=“50%” 班级相册/td td width=“50%” 才艺展示/td /tr /table /body /html 交流：观察这段代码，你又学到了什么？ 初中信息技术苏科课标版七年级全一册课件内蒙古鄂尔多斯东胜区正东中学八年级数学上册七年级历史上册第3单元秦汉时期统一多民族国家的建立和巩固复习课件新人教版整理版清华机械工程操纵基础课件