HTML基础
2019-07-23 10:16:28 by冲冲
在线编辑HTML/CSS/JS效果，实时查看效果 https://c.runoob.com/front-end/61
1. 概念
① HTML：超文本标记语言（HyperText Markup Language），一种用于创建网页的标准标记语言。
② HTML不是一种编程语言，而是一种标记语言。
③ 标记语言是一套标记标签(markup tag)，使用标记标签来描述网页。
2. 格式
① HTML文档后缀名有 .html 和 .htm 。
② .htm是超文本标记(Hypertext Markup)，.html是超文本标记语言(Hypertext Markup Language)。
③ .htm来源于古老的8.3文件格式，因为DOS操作系统只能支持长度为三位的后缀名，但是目前两者的效果没有差别。
3. 实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简单模板</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落</p> </body> </html>
标签解析： ① <!DOCTYPE html>声明该文档使用HTML5标准，该标签不区分大小写。 ② 标签作用 <html>： 根元素 <head>： 头部元素 <meta>： 定义文档的元数据，如<meta charset="utf-8">定义文档的编码格式为utf-8 <title>：定义文档的标题 <body>： 主体元素，包含文档的可见内容 <h1>： 定义一个大标题 <p>： 定义一个段落
③ 中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码。有些浏览器(如360浏览器)默认使用GBK编码，则需要设置<meta charset="gbk">。 ④ HTML中不支持空格、回车、制表符，它们都会被解析成一个空白字符。多个空格会被解析成单个空格。
4. 标签
- HTML 标签是由尖括号包围的关键词，比如 <html>。
- HTML 标签类型有两类：成对标签（比如 <b> 和 </b>）和单体标签（比如 <br />）。
- 成对标签的第一个标签是开始标签，第二个标签是结束标签。开始和结束标签也被称为开放标签和闭合标签。
- HTML 标签格式：<标签>内容</标签>、<标签 />。
- 大多数 HTML 元素可以拥有属性，比如 <b class="b1"></b>。
- HTML 文档由嵌套的 HTML 元素构成。
5. 元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思，但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，比如 <p>这是一个段落</p> 。
6. Web 浏览器
① Web浏览器（Google，Internet Explorer，Firefox，Safari，Opera ...）是用于读取HTML文件，并将其作为网页显示的一种应用程序。
② 浏览器并非直接显示HTML标签，但是可以使用标签来决定如何展现HTML页面的内容给用户。
7. 版本
8. <!DOCTYPE>声明
①<!DOCTYPE>标签不区分大小写，用于告知Web浏览器该页面使用的HTML版本。
<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html>
②HTML4.01的<!DOCTYPE>声明需要引用DTD（文档类型声明），因为HTML 4.01基于SGML（Standard Generalized Markup Language 标准通用标记语言）。
③HTML4.01规定三种不同的<!DOCTYPE>声明：Strict、Transitional 和 Frameset。
④声明示例
HTML5 <!DOCTYPE html> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">