前面讲的
JavaScript学习基本暂时告一段落，我尽量用最简单的方式来介绍HTML！然后我会用一个《今天吃个啥？》为例，后期再加上CSS和JavaScript，使之成为一个完整的项目。
什么是HTML?
一个正常的网页，是由JavaScript、HTML、CSS三个重要的部分组成。而HTML是用户能够在网页上直接看到的部分。它定义了网页内容的含义和结构。一个网页从头到尾，有很多个标签，一个个标签组成了整个网页，从上到下重要的几个部分就是html，head，title，style，body，script。
html，整个网页都是由html包裹起来的，所有的其他标签都是在这里。head，从翻译可以看出，这个是头部，定义了很多东西title，这个就是在head当中，定义了当前网页的名称，比如我的个人博客的名称
style，这个就是样式标签，下一期讲CSS的时候会用到。body，这个是整个网页显示的内容区域，后面讲的标签，基本上都是在里面的。script，当页面需要使用JavaScript交互的时候，就需要使用这个标签。
我们将构成整个页面的标签分为两类，即行标签、块标签和行内块标签。
行内标签
顾名思义，就是在一行内部的标签，能和其他的行内标签放在一行的，没有办法设置宽高的。
常用的标签大概有以下几个a，span,strong,u,i等
a，这个是设置网页链接的span，常用的行内标签strong/b，这两个标签都是加粗文本的u，给文本添加下划线的i，斜体文本
块级标签
块级标签，就是每一个标签，都会占据一行，不能和其他标签在一行呆着，可以设置宽高。
常用的标签大概有div, p, li, h1, h2, h3, h4, h5, h6, form, header, hr, ol, address, article,aside, audio, canvas, dd, dl, fieldset, section, ul, video等。
div，常用的块级标签p，显示一行文本li，为ol和ul列表中的列h1-h6，对应了不同大小的标题form，表单，比我们常用的登录注册，都需要这个表单header，页面头部article，文本区域aside，侧边区域audio，音频，网上页面听歌都是有这个标签的video，网上看的视频也是用这个标签播放canvas，这个是一个比较高阶的标签，很多页面功能是必须使用这个标签才能实现
行内块标签
这个就是结合了行内标签和块级标签结合的标签，可以在一行内呆一起，同时可以设置宽高。
常用的比如，input,img,table等
input，在网页中，能够输入的地方，都是用到了这个便签的img，我们能够看到的图片，都是用这个显示或者使用image显示table，表格
区别
| 行内标签 | 块级标签 | 行内块标签 |
|---|---|---|
| 能和其他元素待在同一行 | 独占一行，不和其他元素待在同一行 | 能和其他元素待在一行 |
| 能设置宽高 | 不能设置宽高 | 能设置宽高 |
今天吃个啥网页显示的例子
这一期先使用html搭建一个今天吃个啥的网页展示栗子，后面几期加上样式和交互。这个其实超级简单！！！
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>今天吃个啥？</title>
</head>
<body>
<h2>今天吃个啥？</h2>
<p>麻辣香锅</p>
<button>开始</button>
<img src="./bg.jpg" />
</body>
</html>
