认识标记语言HTML

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

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

1 / 17
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功