任务2.1 使用HTML创建一个空白页.pptxVIP

任务2.1编辑空白网页

任务介绍使用HTML标签创建一个标题为“感动中国”的空白网页

任务分析一个网页对应于一个HTML文件，HTML的结构包括文件头（head）、主体（body）两部分。如何建立编辑一个网页？需要注意什么问题？

1HTML5基础◎HTML5基本语法◎HTML5标签及属性◎HTML5文档头部head标签

网页基本结构HTML是用来描述网页的一种语言，这种语言使用“标记对”方式容纳内容，一个标记对用标签名/标签名形式表示标记的开始和结束，例如html/html就是网页中最基本的标记。!DOCTYPE?html?html???????head???????meta?charset=utf-8???????title感动中国/title???????/head??????body??????/body?/html

文档结构html用于告知浏览器其是一个HTML文档，html标签和/html标签标志着HTML文档的开始和结束，在它们之间的是文档的头部和主体内容。!DOCTYPE位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。body用于定义HTML文档所要显示的内容，浏览器中显示的所有文本、图像、音频和视频等信息都必须位于body标签内。head用于定义HTML文档的头部信息，也称为头部标签，紧跟在html标签之后，主要用来封装其他位于文档头部的标签。

!DOCTYPEhtmlhtmlheadmetacharset=UTF-8title网页标题/title/headbody!--这是注释--/body/html内嵌式用于向浏览器说明当前文档使用的HTML版本标志着HTML文档的开始标志着HTML文档的结束用于定义HTML文档的头部信息用来描述HTML文档的属性用于对代码进行解释用于定义HTML文档所要呈现的内容文档结构与书写规范

HTML5基本语法HTML5使用了简化的文档类型声明方式，代码如下：!DOCTYPEhtml1.文档类型声明HTML5的文件扩展名仍为.html和.htm，内容类型仍为text/html。2.内容类型在HTML5中，使用meta元素直接追加charset属性的方式来指定字符编码，代码如下：metacharset=UTF-8/3.字符编码HTML5不区分英文字母的大小写，如果要兼顾XHTML的兼容性，建议采用小写英文字母。4.不区分英文字母的大小写

HTML5代码注释采用!--...--标签，例如。!--这是一段注释。注释不会在浏览器中显示。--p这是一段普通的段落。/p5.代码的注释

HTML元素2

HTML指的是超文本标记语言HTML不是一种编程语言，而是一种标记语言，是WWW上通用的网页编辑语言。标签:标签就是head、body、table等被尖括号“”和“”包起来的对象,绝大部分的标签都是成对出现的,元素:HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。一个HTML元素由一个开始标签（starttag）、可能的内容（如文本或其他元素）和一个结束标签（endtag）组成。

使用HTML标签的属性来给HTML提供更多的信息。语法：标签名属性1=属性值1属性2=属性值2…/内容/标签名标签的属性一个标签可以拥有多个属性，必须写在开始标签中，位于标签名后面属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开任何标签的属性都有默认值，省略该属性则取默认值标签名表示标签作用开始，一般称作“开始标签”/标签名表示标签作用结束，一般称作“结束标签”两者的区别就是在“结束标签”的前面加了“/”关闭符号

元素语法规则HTML标签是由尖括号包围的关键词，比如html。HTML元素以开始标签起始，HTML元素以结束标签终止元素的内容是开始标签与结束标签之间的内容HTML标签可以嵌套，但不允许交叉。HTML标签分为单标签和双标签，双标签通常是成对出现的，比如b和/bHTML标签一行可以写多个标签，一个标签也可以分多行写，但是标签中的一个单词不允许分两行写。HTML5不区分字母大小写，同时允许设置属性时不加引号。

在HTML5中，元素的标签可以省略。具体包括3种类型：第一、不允许写结束标签的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track和wbr。第二、可以省略结束标签的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td和th。第三、开始与结束标签都