html
1. html：超文本标记语言
江雪
千山鸟飞绝，万径人踪灭。
孤舟蓑笠翁，独钓寒江雪。
比如这首诗，我们的浏览器并不知道哪里是标题，哪里是正文，哪里应该加粗，哪里应该标红。所以，我们作为程序员需要告诉浏览器应该怎么做，html就是这样的一门语言，告诉浏览器应该怎么做。用特殊的“标记”，“标记”了某些内容，这样浏览器就会根据不同的“标记”，从而去对不同的内容做不同的事情。
<h2>江雪</h2>
<p>千山鸟飞绝，万径人踪灭。 </p>
<p>孤舟蓑笠翁，独钓寒江雪。 </p>
2. 自结束标签
<img>
像这种只有一个标签的，不是成对出现的标签，我们称为自结束标签。当然，还有另一种写法，不过我们推荐的是第一种写法。
<img/>
3. 注释
<!--
-->
注释不能嵌套，不要在注释里面再注释一遍
4. 属性
<!--
属性只能写在成对的标签的第一个标签或自结束标签，不能写在结束标签。
color叫做属性名
red叫做属性值
属性和标签名或者其他属性，应该用空格隔开
-->
<font color="red"></font>
<img src="">
5. 文档声明
由于html从发明到现在已经经历了几个版本，我们需要告诉浏览器我们的html代码是使用的哪个版本。这就是文档声明。这东西要写在最上面，也就是<html>之上
<!doctype html>
<!-- 或者大写也行，html不区分大小写 -->
<!DOCTYPE HTML>
6. 字符集
<!--
meta是用来设置网页的元数据的。
这里通过meta标签设置字符集，避免乱码。我们的编辑文件的字符集，要和浏览器解析文件的字符集一致，不然乱码。
-->
<meta charset="utf-8">
7. 一个完整的html基本结构示例
<!doctype html>
<html>
<!-- head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页 -->
<head>
<!-- meta标签用来设置网页的元数据，这里meta用来设置网页的字符集，避免乱码问题 -->
<meta charset="utf-8">
<!-- title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
<title>我超勇的</title>
</head>
<!-- body是html的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里 -->
<body>
<h1>标题</h1>
</body>
</html>
8. 文档的使用
html的标签属性很多，我们不可能都记住，所以我们经常会需要查看文档，当然，我们可以上百度搜索，但缺点就是依赖于网络。这里提供一个离线的文档——zeal。
官网https://zealdocs.org/
安装之后点击tools
表示可以安装的文档，找到自己想要的就行了
9. 某些年代久远的标签不推荐使用
比如<font></font>标签，因为我们的W3C的思想就是分离的思想，html负责结构，css负责表现，JavaScript负责行为。如果html实现了css的，它们几个之间互相干扰过多，就会导致我们维护起来就非常麻烦。
10. 编辑器
文本编辑器有很多，sublime text、notepad++、记事本等等等等，这里推荐的一款免费又好用的——vs code
官方地址：https://code.visualstudio.com/
- 下面演示装中文插件
安装完重启就是中文界面了。
- 搜索插件ayu，安装后可以设置其他主题
- 输入!，然后按tab键可以快速生成一个基本的html结构
- 随便输入一个标签名，比如p，然后按tab键，自动补全标签
- ctrl+/快速注释
- 搜索插件live server，然后右键html就会出现open with live server，就可以快速打开html文件了
11. html中的实体（转义字符）
- 格式：&…; 中间内容为实体的名字。
- html中的多个空格都会被浏览器解析为1个空格，如果需要显示多个空格，请用
还有很多实体，具体可以上网查。https://www.w3school.com.cn
https://www.w3school.com.cn/tags/index.asp
12. meta标签
https://www.w3school.com.cn/tags/tag_meta.asp
也可以查zeal
575
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
