认识标记语言HTML.ppt

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

设定该表格的列表格列●td

设定该表格的行表格行●tr

设定该表格的各项参数表格标记●table表格标记插入图片的标记是imgimgsrc=“图片的相对路径”HTML由HTML标记组成。HTML标记分为单标记和双标记组成。举例说说单标记和双标记由哪些？不同点相同点*