2.1HTML简介与基本概念.ppt

JavaScript前端开发河北正定师范高等专科学校

“数字中国建设以科技和创新为本，软件的前端是数字中国建设的排头兵，是软件的门面。”二十大明确指出

标记语言HTMLHTML是全球广域网描述网页内容和外观的标准，通过浏览器的翻译，将网页中所要呈现的内容、排版展现在用户眼前。SafariOperaFireFoxChromeIEHTML是一种互联网上较常见的网页制作标记型语言。是一套标记标签。

!DOCTYPE标签位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准规范。HTML5要的就是简单，避免不必要的复杂性。为此，简化了DOCTYPE、简化了字符声明，提供了简单而强大的HTML5API。1.!DOCTYPE标签DOCTYPE是DOCumentTYPE，语义是定义文档类型。注意:doctype声明是不区分大小写的，用来告知Web浏览器页面使用了哪种HTML版本。

2.html标签html标签位于!DOCTYPE标签之后，也被称为根标签。用于告知浏览器其自身是一个HTML文档，html文档标志着HTML文档的开始，/html标签标志着HTML文档的结束，在它们之间的是文档的头部head和主体body内容。

html标签位于!DOCTYPE标签之后，也被称为根标签。用于定义HTML文档的头部信息，也被称为头部标签，紧跟在html标签之后，主要用来封装其他位于文档头部的标签。3.head标签

body标签用于定义HTML文档所要显示的内容，也称为主体标签。4.body标签注意：一个HTML文档只能含有一对body标签，且body标签必须在html标签内，位于head头部标签之后，head标签是并列关系。浏览器中显示的所有文本、图像、表单与多媒体元素等信息都必须位于body标签内，body标签中的信息才是最终展示给用户看的。

新建HTML5默认文档时，会自带一些源代码，HTML5标签不区分字母大小写。成对出现html标签标签中的第一个标签是开始标签，第二个标签是结束标签。开始和结束标签也称为开放标签和闭合标签。!DOCTYPEhtmlhtml head metacharset=UTF-8 title/title /head body /body/html

新建HTML5默认文档时，会自带一些源代码，HTML5标签不区分字母大小写。封装其他位于文档头部的标签，放在文档的开始处，文档头部head紧跟在html标签后面，并处于body标签之前。head标签包含文档的标题、样式定义和文档名等信息。包含搜索工具和索引所要的其他信息的标签。!DOCTYPEhtmlhtml head metacharset=UTF-8 title/title /head body /body/html

新建HTML5默认文档时，会自带一些源代码，HTML5标签不区分字母大小写。!DOCTYPEhtmlhtml head metacharset=UTF-8 title/title /head body /body/html界定了文档的主体body标签body标签和其结束标签/body之间的所有部分都称为主体内容，包括文字、图片、链接、表格、表单等。body标签有很多自身的属性，如定义页面文字的颜色、背景的颜色、背景图片等。