《HTML5+CSS3任务驱动教程(第2版)（微课版）》课件 模块2 HTML5开发基础PPT.pptx

模块二HTML5开发基础

目录任务一任务二任务三写一个简单的HTML5页面设置“在线学习网”的首页文件头部信息

引入知识点2.1HTML简介2.2HTML文件的基本结构任务1编写一个简单的HTML5页面

2.1HTML简介HTML是一切网页实现的基础，在网络中浏览的网页都是一个个由HTML标记构成的文件。浏览器只要看到HTML源代码，就能解析成网页。HTML文件本身是一种纯文本文件，我们可以使用任意一种文本编辑工具进行编写。比如，使用最简单的记事本工具，或Editplus、HBuilder、Sublime、InterlliJIDEA等文本编辑工具，或Dreamweaver可视化编辑工具编写。目前，最新的HTML文件是HTML5。任务1编写一个简单的HTML5页面

2.1HTML简介2.1.1HTML的定义HTML（HyperTextMarkupLanguage，超文本标记语言）是由W3C（WorldWideWebConsortium，万维网联盟）所提出的，是用于描述网页文档的一种标记语言，其主要用途是制作网页。用HTML编写的超文本文档称为HTML文档，也叫网页。它能独立于各种操作系统平台。任务1编写一个简单的HTML5页面

2.1HTML简介2.1.2HTML的发展历史HTML（第一版）：在1993年6月作为互联网工程工作小组（IETF）工作草案发布，并非标准。HTML2.0：1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时。HTML3.2：1996年1月14日，W3C推荐标准。HTML4.0：1997年12月18日，W3C推荐标准。HTML4.01（微小改进）：1999年12月24日，W3C推荐标准。HTML5：2014年10月29日，W3C宣布，经过接近8年的艰苦努力，HTML5标准规范终于制定完成。任务1编写一个简单的HTML5页面

2.2HTML文件的基本结构HTML文档包含标记和纯文本，它被Web浏览器读取并解析后以网页的形式显示出来。每个网页都有其基本的结构，包括HTML文档的结构，标记的语法格式，语法规范等。2.2.1HTML的语法格式HTML的语法结构主要有标记、属性和元素组成，其基本语法格式如下：标记名属性1=“属性值1”属性2=“属性值2”…内容/标记名任务1编写一个简单的HTML5页面

2.2HTML文件的基本结构1.标记HTML标记组成HTML文档的元素，每一个标记描述了一个功能。标记分为单标记，双标记两种。（1）单标记：只需单独使用就能完整地表达意思，这类标记的基本语法格式如下：标记名（2）双标记：这类标记的基本语法格式如下：标记名内容/标记名任务1编写一个简单的HTML5页面

2.2HTML文件的基本结构2.标记的属性使用HTML制作网页时，如果想让HTML标记提供更多的信息，可以使用HTML标记的属性来实现，许多单标记和双标记的始标记内可以包含一些属性。在HTML中，属性要在开始标记中指定，用来表示该标记的性质和特性。基本语法格式如下：标记名属性1=“属性值1”属性2=“属性值2”…任务1编写一个简单的HTML5页面

2.2HTML文件的基本结构3.元素HTML（element）元素是由“标记（tag）”和“属性（attribute）”所组成，指的是从开始标记到结束标记的所有代码。没有内容的HTML元素被称为空元素，空元素是在开始标记中关闭的。例如，以下代码片段所示：p欢迎来到广东创新科技职业学院信息工程学院/p!--该p元素为有内容的元素--任务1编写一个简单的HTML5页面

2.2HTML文件的基本结构2.2.2HTML的文档结构HTML5文件的基本结构如下：!doctypehtml!--文档类型的声明--html!--文档的开始--head!--文档头部的开始--title此处是网页标题/title!--文档标题信息的开始和结束--/head!--文档头部的结束--body!--文档主体的开始--此处是网页文件内容/body!--文档主体的结束--/html