最新，最全面的HTML基本语法总结值得收藏哦！

浅浅的花香味﹌ 2022-03-26 05:47 232阅读 0赞

**概述**

HTML文档由HTML元素组成，一个HTML元素由一个标签和一组属性组成。一个标签可以有一个或多个属性，属性以名称和值成对出现。Web 浏览器读取HTML 文档，并以网页的形式显示出来，浏览器不会显示 HTML 标签，而是通过标签来解释网页的内容。

HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，比如文字以什么颜色、大小来显示等，这些都是利用Html标记来实现。

HTML标签是由尖括号（“<”和“>”）包围的关键词，如标签 。标签不区分大小写，故 和 的含义相同，不过推荐使用小写。

HTML标签通常成对出现，一个是开始标签，一个是结束标签。开始标签告诉浏览器，从这里开始执行该标签所表示的功能；结束标签告诉浏览器，该功能到这里结束。在开始标签前加一个斜杠（/）即成为结束标签。如，html 元素的开始标签是 <html>，结束标签是</html>。也就是说，一个HTML 元素由开始标签、内容、结束标签组成。开始标签是放在一对尖括号中的元素名称及可能包含的属性，结束标签是放在一对尖括号中的斜杠加元素的名称。语法格式为：<开始标签>内容</结束标签>。如，em 元素的开始标签为，结束标签为 ，在 和 标签之间是元素的内容。如下图所示：

![1240][]

**HTML的文档结构**

所有的网页文件，通过都是四对标记来构成文档的骨架，它们是：

![1240 1][]

小结：

<html>…</html>标识网页文件的开始与结束，所有的Html元素，都要放在这对标记中。

<head>…</head>标识网页文件的头部信息，如标题、搜索引擎关键字等

<title>…</title>标识网页文件的标题

<body>…</body>标识网页文件的主体部分

**常见的HTML的标记语法**

1. 单标记

一．<标记名称>

单一型，无属性值

如： ——表示换行符

二．<标记名称属性=”属性值”>

单一型，有属性值

如：<hr width=”80%”/>

2. 双标记

三．<标记名称>…</标记名称>

没有属性值

如：<title>…<title>

四．<标记名称属性=”属性值”>…</标记名称>

**有属性值**

如：<body bgcolor=”red”>…</body>

**注释**

格式：

<!—注释内容-->

Body属性

标记

语法：

文本

字符格式

![1240 2][]

**段落标记**

格式：

…

![1240 3][]

**HTML中的特殊字符**

![1240 4][]

**修饰标记**

**水平直线<hr/>**

![1240 5][]

> **        “自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。”**
> 
> **        加Q 裙：956940552（招募中）**

[1240]: /images/20220326/2734a563cba1477c822359fd6180535f.png
[1240 1]: /images/20220326/d63b64f8e3d14ce59639ed42de591a1f.png
[1240 2]: /images/20220326/4212929038c44b75b2ea8a69d3264840.png
[1240 3]: /images/20220326/712fb1e353ec42fb928107f1b178af23.png
[1240 4]: /images/20220326/cdbfc40c36c749179c3aeaa978e23bc6.png
[1240 5]: /images/20220326/bba419b3e7674acb9bc5fb195a7361e8.png