认识标记语言HTML课件

阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 第二章 第五节 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 本节课内容 v什么是HTML？ vHTML的基本结构是什么？ v认识常见的HTML标记。 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 导入：网页的本质 v实践 观察一个网页文件，用IE浏 览器打开，再用记事本打开 网页，你看到了什么？ 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 经过浏览器解释 后显示的结果 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 一、网页的庐山真面目 v我们看到的代码是HTML代码。早期的网页 设计者通常使用HTML编写网页，HTML是超 文本标记语言的缩写，是用于描述网页文档 的一种标记语言，它的超文本功能，把网页 链接在一起形成网站。 v看到的页面是浏览器对HTML解释后显 示的结果。 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 v网页的庐山真面目是： 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 思考：能否用word 或者写字板或者记 事本编写网页？ 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 HTML标记语言的组成 v在源代码里，我们看到了一些由 括起来 的字符串，这些就是HTML标记。 vHTML标记代表着一些特定的含义。我们学 习HTML就是学习这些标记。 vHTML标记分为单标记和双标记。 单标记： 换行标记 (shift+回车) 双标记： 内容 段落标记 (回车) 一个网页文件一般必须包括的html标记有哪些？ 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 v 表示HTML文件的开头 v v页面的标题 v v v页面内容 v v 表示HTML文件的结束 网页标题放于和之间 网页的主要内容放于和之间 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 标记类型译名或意义作 用 文件标记 ● 双标记 ○ 单标记 ●文件声明 让浏览 器知道这是 html 文件 ●开头提供文件整体资讯 ●标题 定义文件标题 ，将显示 于浏览顶 端 ●本文 设计 文件格式及内文所 在 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 排版标记 ○说明标记 为文件加上说 明，但不被 显示 ● 段落标记 为字、画、表 格等之间留 一空白行 ○换行标记 令字、画、表 格等显示于 下一行 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 表格标记 ●表格标记 设定该表格 的各项参 数 ●表格行 设定该表格 的行 ●表格列 设定该表格 的列 插入图片的标记是 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 v任务一： 编写只有文字的网页的源代码。思考HTML语 言由什么组成？HTML标记分为哪几类？ vHTML由HTML标记组成。 vHTML标记分为单标记和双标记组成。举例 说说单标记和双标记由哪些？ 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 v任务二： 编写只有图片的网页的源代码。思考网页标 题放在哪里？网页的显示内容放在哪里？ 插入图片的标记是哪个？ 网页标题放在和之间。 网页的显示内容放在和之间 。 插入图片的标记是 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 v任务三： 编写只有表格的网页的源代码。思考表 格标记怎么表示？行标记和列标记是什 么？ v v v班级相册 v才艺展示 v v 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 小结 v了解HTML语言的概念 v理解HTML语言的基本结构及常用标记的含 义 阿迪达斯三条纹标志是由阿迪达斯的创办人阿迪·达斯勒设计的，三条纹的阿迪达斯标志代表山区，指出实现挑战、成就未来和不断达成目标的愿望。 v探究： 用FrontPage制作网页时，查 看HTML代码，比较与本课提供 的代码有什么不同？