人人都懂的HTML基础知识-HTML教程(1)

HTML系列：

CSS系列：

01、HTML基础简介

HTML (HyperText Markup Language，超文本标记语言) 不是一门编程语言，而是一种用于定义内容结构的标记语言，用来描述网页内容，文件格式为.html。HTML 由一系列的元素（elements）组成，这些元素用来实现不同的内容。HTML5是HTML新的修订版本，2014年由W3C制定发布，增加了很多语义化标签。

W3C：World Wide Web Consortium，万维网联盟组织，是一个国际互联网标准化组织，1994年成立，核心目的是制定WEB规范标准。

WEB标准主要包括三个方面：

结构标准（HTML）：超文本标记语言（HyperText Markup Language），定义网页内容的组织结构。
表现标准（CSS）：层叠样式表（Cascading Style Sheets），用于设置网页元素的版式、颜色、大小等外观样式。
行为标准（JS）：JavaScript，用于实现网页的交互和行为。

1.1、HTML知识结构

详见前端技术路线图

1.2、<基础语法>

HTML 是一种格式的标记语言，每一个标签都是以尖括号“<>”来定义的。HTML不区分大小写，HTML中的标签名、属性名都统一小写，都按照小写来处理，就是说如果你大写的也会被转换为小写，⚠️自定义标签、属性时需注意。

<标签名属性名=“属性值”>内容

一个元素主要部分：开始标签、结束标签与内容相结合，开始标签中还包括属性/值。

开始标签（Opening tag）：包含元素的名称（本例为 p），被大于号、小于号所包围，表示元素从这里开始或者开始起作用。
结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠/，这表示元素的结尾。
内容（Content）：元素的内容，元素标签内的内容。
属性：属性定义元素的一些额外信息，一个属性就是一个键值对组成属性名="属性值"，值必须添加引号，多个属性空格隔开。

📢单标签（空元素）：<标签名>，<标签名属性名="属性值">。大部分元素标签都是是双标签的形式，具有开始标签、结束标签。也有小部分元素没有结束标签，称为单标签，或空元素。HTML5中的单标签不需要写斜杠/，可兼容斜杠，如
，，，，，，、table中的、，...

🔸HTML中的注释格式：

1.3、转义字符

HTML中的有些字符是内置的特殊关键字或特殊符号，如 <>、"、'、空格 、换行（用元素）、tab，不能直接在HTML中显示。需要用转义字符（特殊编码），以符号&开始，以分号(;结束。如下表，HTML中用实体名称、实体编码（字符的unicode编码）都可以。

元素内容中空格（空白字符、换行），HTML 解释器会将连续出现的空白字符减少为一个单独的空格符。

显示结果	描述	实体名称	实体编号
	空格
	全角空格，1个中文字宽
<	小于号	`<`	`<`
>	大于号	`>`	`>`
&	和号	`&`	`&`
"	引号	`"`	`"`
'	撇号	`'` (IE不支持)	`'`
¥	元（yen）	`¥`	`¥`
€	欧元（euro）	`€`	`€`
©	版权（copyright）	`©`	`©`
®	注册商标	`®`	`®`
™	商标	`™`	`™`

 <p>    一个段落，转移字符添加空格p>
<p><一个段落，转移字符添加尖括号>p>

更多：HTML特殊转义字符对照表

1.4、MIME 媒体类型

媒体类型MIME（ Multipurpose Internet Mail Extensions 或 MIME 类型）是一种标准，用来表示文档、文件或字节流的性质和格式。在很多需要引入资源、申明资源类型的地方使用。

通用结构：type/subtype，大小写不敏感，一般都小写

类型	描述	典型示例值
text	表明文件是普通文本，理论上是人类可读的	🔸text/plain：未知类型的普通文本- text/html：html内容 🔸text/css：css文件，引入css文件时指定类型`type ="text/css"`，可省 🔸text/javascript：js文件，

	<p> 一个段落，转移字符添加空格p>
	<p><一个段落，转移字符添加尖括号>p>