一、html基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
说明：（1）html是hyper text markup language的简写，是超文本标记语言。
（2）lang=“en”———>语言为英文。
（3）<head> </head> 结构标签，<head>里的元素页面不可见，用来修饰<body>元素；
<body> </body> 结构标签，<body>里的元素页面可见。
（4）charset----->字符集
gb2312：简体字；gbk（繁体字）；
unicode：万国码（所有国家的语言都可显示）------->升级版：utf-8。
（5）<title>标签描述了网页的标题。
二、html的标签
1.<h1>~~<h6>:定义标题，标题的字体加粗，从h1到h6字体依次减小(h1最大，h6最小）。
写法：<h1>这是一个标题</h1>
2.<p>定义段落，独成一段。
写法：<p>这是一个段落</p>
3.<img src="图片位置">：在网页中插入图片。
引入图片有三种方法：
（1）引入在线图片，<img src="网上图片的位置信息(类似于网站地址）">
(2)本地的相对路径(常用）：D:a/b/lesson2.html(编写的html文件所在位置）
D:a/b/123.jpg(图片位置）
<img src="123.jpg">
(3)本地的绝对路径：D:a/b/lesson2.html(编写的html文件所在位置）
D:a/b/c/123.jpg(图片位置）
<img src="D:a/b/c/123.jpg">
(4)../是返回上一级目录的意思，../../返回两级，./当前目录.
例如：（3）可写成<img src="../123.jpg">
4.解决乱码：（先看是否有<meta charset="utf-8">）
（1）用记事本打开乱码文件。（2）点击文件-->另存为（3)找到编码，选择utf-8，保存。
原文：https://www.cnblogs.com/ws3238314129/p/11930539.html