第一个程序：
<!DOCTYPE html>
<html>
<head>
<title>第一个程序</title>
</head>
<body>
<h1>Hello world</h1>
<p> 菜菜</p>
</body>
</html>效果：
hX：标题的尺寸。注意是标题。
p：段落
图片： 没有结束标签
<img alt="mm正在赶到" src="C:\Users\11046\Desktop\问道\ca871a04c6c4db658980f46b8b06f08.jpg">必须包含的两个属性：
alt：未显示图片时显示文字，
src：图片源：可以是网络的，可以是本地的。
大小相关：
width=“256px” height=“256px”
<img alt="mm正在赶到" src="C:\Users\11046\Desktop\问道\ca871a04c6c4db658980f46b8b06f08.jpg" width="256px" height="256px">超链接：
<a href="https://blog.csdn.net/weixin_42721412">我的博客</a herf>
里面的网址是点击后的网址
默认在本窗口中打开。
<a href="https://blog.csdn.net/weixin_42721412" target="_black">我的博客</a herf>
target="_black" 在新标签中打开。
乱码：注意本地是不会出现乱码的，
在head中加入：
<meta charset="utf-8">页面尺寸的自适应：
<meta name="viewport" content="width=device-width, initial-scale=1.0">搜索优化：
一定时间后自动跳转：
<meta http-equiv="refresh" content="5;https://blog.csdn.net/weixin_42721412">本节全部代码：
<!DOCTYPE html>
<html>
<head>
<title>第一个程序</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="5;https://blog.csdn.net/weixin_42721412">
</head>
<body>
<h1>Hello world</h1>
<img alt="mm正在赶到" src="C:\Users\11046\Desktop\问道\ca871a04c6c4db658980f46b8b06f08.jpg" width="256px" height="256px">
<a href="https://blog.csdn.net/weixin_42721412" target="_black">我的博客</a herf>
<p> 菜菜</p>
</body>
</html>