本文共 2519 字，大约阅读时间需要 8 分钟。
文章目录
一. HTML简介
超文本标记语言（英语：Hyper Text Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
- 网页本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器显示其中的内容（如：文字如何处理，画中画如何安排，图片如何显示）
1. 为什么要学习HTML5
2. 什么是HTML
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面
3. HTML标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如 和 标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签
例如：<标签>内容<标签>
4. HTML 元素
“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签HTML 元素实例：<p>这是一个段落</p>
5. Web 浏览器
Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。
浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户
6. HTML 网页结构
3. HTML版本
| 版本 | 发布时间 |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
(1). HTML5新特性
4. 编写一些简单的例子
第一个网页的例子：一首诗
```html哈哈，走一个 回乡偶书（二首）
其一
贺知章
少小离家老大回
乡音无改鬓毛衰
儿童相见不相识
笑问客从何处来
```结果：
第二个网页的例子：自结束标签和注释的解释
```html这是我的第二个网页 这是我的第二个网页
```结果：
第三个网页中例子：标签中的属性
```html标签的属性 这是我的第三个网页！
```结果：
网页的第四个例子：文档声明+进制解释+字符编码解释+设置网页字符集
```html网页的基本结构 ```
网页的第五个例子：网页的基本结构
```html网页的标题 网页的大标题
```
结果：
二. 详解一个HTML结构
第一个例子 我的第一个标题
我的第一个段落。
1. <!DOCTYPE >声明
<!DOCTYPE html> 它是 HTML5 标准网页声明，全称为 Document Type HyperText Mark-up Language，是一条标示语言。支持 HTML5 标准的主流浏览器都认识这个声明。表示网页采用 HTML5， 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
注：声明中的html不区分大小写
通用声明
HTML5
HTML 4.01
XHTML 1.0
2. <html> </html>
<html>元素是 HTML 页面的根元素
<html>元素定义了整个 HTML 文档。
表示创建一个超文本标签语言文档这个元素拥有一个开始标签 ，以及一个结束标签 .
3. <head> </head>
<head> 元素包含了文档的元（meta）数据
用来设置文档的标题和其他在网页中不显示的信息如 定义网页编码格式为 utf-8
4. <body> </body>
<body>元素包含了可见的页面内容
表示网页的主体，即网页文档可见部分5. 引入CSS样式文件
CSS（Cascading Style Sheets）翻译为层叠样式表
优点：使用CSS语言设计网页的优点能够真正做到将网页内容与表现形式进行分离
CSS语言能够支持全部字体风格与字号大小，能够对网页中的对象位置进行像素级别精确定位，对网页对象的样式进行动态编辑，能够进行简单的人机交互设计
CSS语言基本有3种形式：外链式(linking)、嵌入式(embedding)、内联式(lnline)
在HTML头部标签中：外链式(linking)：通过link标签嵌入式(embedding)：通过style标签内联式(lnline)：通过style标签
6. 引用JavaScript脚本文件
JavaScript是一种解释型编程语言，其解释器通常也称为JavaScript引擎，目前，业内主流浏览器均内置了JavaScript引擎，且该引擎的性能优劣直接影响到浏览器的性能，进而直观地体现到用户体验上
JavaScript作用：使信息和用户之间不仅只是一种显示浏览的关系，而是实现了一种实时的、动态的、可交互式的表达能力
JavaScript脚本使用HTML <script> 标签
JavaScript脚本语言使用方法：
- 内嵌式JavaScript脚本
- 引入外部JavaScript脚本
JavaScript脚本执行顺序原则：
按顺序载入载入即执行执行时会阻塞后续内容
转载地址：http://naxzi.baihongyu.com/