《认识标记语言HTML.ppt》由会员分享,可在线阅读,更多相关《认识标记语言HTML.ppt(17页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第二章第二章 第五节第五节本节课内容v什么是HTML?vHTML的基本结构是什么?v认识常见的HTML标记。导入:网页的本质导入:网页的本质v实践实践 观察一个观察一个网页文件网页文件,用,用IE浏浏览器打开,再用记事本打开览器打开,再用记事本打开网页,你看到了什么?网页,你看到了什么?经过浏览器解释后显示的结果一、网页的庐山真面目v我们看到的代码是HTML代码。早期的网页设计者通常使用HTML编写网页,HTML是超文本标记语言的缩写,是用于描述网页文档的一种标记语言,它的超文本功能,把网页链接在一起形成网站。v看到的页面是浏览器对HTML解释后显示的结果。v网页的庐山真面目是:思考:能否用w
2、ord或者写字板或者记事本编写网页?HTML标记语言的组成v在源代码里,我们看到了一些由 括起来的字符串,这些就是HTML标记。vHTML标记代表着一些特定的含义。我们学习HTML就是学习这些标记。vHTML标记分为单标记和双标记。单标记:换行标记 (shift+回车)双标记:内容 段落标记(回车)一个网页文件一般必须包括的html标记有哪些?v 表示HTML文件的开头v v页面的标题 vvv页面内容vv 表示HTML文件的结束网页标题放于和之间网页的主要内容放于和之间标记类型译名或意义作 用文件标记 双标记 单标记文件声明让浏览器知道这是 html 文件开头提供文件整体资讯标题定义文件标题,
3、将显示于浏览顶端本文设计文件格式及内文所在排版标记说明标记为文件加上说明,但不被显示段落标记为字、画、表格等之间留一空白行换行标记令字、画、表格等显示于下一行表格标记表格标记设定该表格的各项参数表格行设定该表格的行表格列设定该表格的列插入图片的标记是v任务一:编写只有文字的网页的源代码。思考HTML语言由什么组成?HTML标记分为哪几类?vHTML由HTML标记组成。vHTML标记分为单标记和双标记组成。举例说说单标记和双标记由哪些?v任务二:编写只有图片的网页的源代码。思考网页标题放在哪里?网页的显示内容放在哪里?插入图片的标记是哪个?网页标题放在和之间。网页的显示内容放在和之间。插入图片的标记是v任务三:编写只有表格的网页的源代码。思考表格标记怎么表示?行标记和列标记是什么?vvv班级相册v才艺展示vv小结v了解HTML语言的概念v理解HTML语言的基本结构及常用标记的含义v探究:用FrontPage制作网页时,查看HTML代码,比较与本课提供的代码有什么不同?