1.HTML语法概览
语法类型
1.<!DOCTYPE html>
请问DOCTYPE是什么意思？文档类型。
2.<tag attr=value>内容</tag>
举例：<div id=abc>hello world</div>如果a与b之间有空格，则一定要将abc加上双/单引号
3.<div attr>内容</div>
举例：<input type="checkbox" checked="false">只要写上checked就是勾选上，与是否赋值、赋什么值都无关
4.<tag attr=value>
没有内容的标签，直接闭合，最后不加斜杠
语法细节
1.如果没有特殊字符，可以不加引号
2.注释：<!--被注释的内容-->，快捷写法Ctrl+/
3.组合
4.大小写都行，一般使用小写
调试方法
1.查看VSCode的颜色提示
2.查看WebStorm的颜色提示
上网查询资料的方法
举例，你想搜索“html”的介绍，谷歌搜索：MDN html
html的标准制定者
W3C by 李爵士
2.HTML起手式
!+TAB
<!DOCTYPE html>
<!--文档类型-->
<html lang="en">
<!--根标签，en表示当前页面的语言是英文，可改为简体中文“zh-CN”-->
<head>
<!--html的第一个子元素，里面一般写看不见的元素-->
<meta charset="UTF-8">
<!--所有地方都写“UTF-8”，unicode字符集下的utf-8编码模式支持全人类的所有语言-->
<title>Document</title>
</head>
<body>
<!--html的第二个子元素-->
</body>
</html>
3.层级标签
1.标题标签<h1>主标题</h1>
2.章节标签<section>内容</section>
3.文章标签<article>正文</article>
4.段落标签<p></p>
5.头部标签<header></header>
6.脚部标签<footer></footer>
7.主要内容标签<main></main>
8.旁支内容标签<aside></aside>
9.划分标签<div></div>
4.全局属性（所有标签都有的属性）
1.class给标签分类<div class="middle"></div>
2.id给标签分类，确定其唯一性<div id="top"></div>，但是一般不用，它无法保证标签的唯一性
3.style给标签加样式<div style="border:1px solid red">内容</div>
4.tabindex控制TAB的顺序<div tabindex=1></div>，0最后被访问，-1无法被访问，正数表示顺序访问
5.给标签内容加上一个浮显标题<div title="标题"></div>
6.让标签内容变得可被编辑<div contenteditable>内容</div>
5.默认样式（HTML标签自带的样式）
1.为什么会有默认样式？
HTML早于CSS被发明出来
2.为什么要使用CSS reset？
默认样式已经无法满足当前的需求
6.内容标签
1.有序列表
<ol>
<li>项目一</li>
<li>项目二</li>
</ol>
2.无序列表
<ul>
<li>项目A</li>
<li>项目B</li>
</ul>
3.描述列表
<dl>
<dt>主体</dt>
<dd>描述语</dd>
</dl>
4.保留内容中的换行、回车、空格
<pre>
<div>内容</div>
</pre>
5.代码
<pre>
<code>
这里是代码（等宽字体）
</code>
<pre>
6.分隔线
<hr>
7.强制换行
<br>
8.超链接
<a href="http://taobao.com" target="_blank">淘宝网</a>
<!--在新窗口中打开-->
9.强调
<p><em>上海</em>是一座国际大都市。</p>
<!--对“上海”进行强调，斜体-->
10.重要
<p>明天去学校带好<strong>身份证</strong>。</p>
<!--“身份证”很重要，加粗-->
11.内联引用
<quote>吾日三省吾身。---《论语》</quote>
12.块级（换行）引用
<blockquote>吾日三省吾身。---《论语》</blockquote>
