1.网页SEO
<!DOCTYPE html>
<html lang="zh">
<!--
< body >、< /body>等成对的标签，分别叫做开放标签和闭合标签
单独呈现的标签（空元素），如< hr/ >;意为用/来关闭空元素
-->
<!-- 网页头部 -->
<head>
<meta charset="UTF-8">
<meta name="keywords" content="totoroBlog,Python,软件测试">
<meta name="description" content="totoro的博客，欢迎访问">
<title>SEO与网页整体结构</title>
</head>
<!-- 网页主体 -->
<body>
Hello,World!
</body>
</html>
2.基本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 用做网站SEO -->
<meta name="keywords" content="totoroBlog,Python,软件测试">
<meta name="description" content="totoro的博客，欢迎访问">
<title>基本标签</title>
</head>
<body>
<!-- 标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!-- 段落标签 -->
<p>第一段落</p>
<p>第二段落</p>
<!-- 换行标签 -->
<!-- 换行标签比较紧凑，段落标签有明显段落间距-->
准备换行，这是行尾<br>新行开头<br>
<hr>
<!-- 水平线标签 -->
华丽的分隔符
<hr>
<!-- -->
<!-- 粗体、斜体、粗斜体 -->
<strong>I Love You</strong>
<em>I Love You</em>
<strong><em>I Love You</em></strong>
<!-- 特殊符号 -->
<br>特殊符号:<br>
空格：1 2 3 4 5 <br>
手动空格：1 2 3 4 5<br>
大于号：><br>
小于号：<<br>
版权符号：totoroBlog©2020<br>
</body>
</html>
3.图像标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>图像标签</title>
</head>
<body>
<!-- 图像标签 -->
<!--
src:资源地址
相对地址，绝对地址
../上级地址
alt：在图片加载失败的时候，就会用文字代替
title:鼠标悬停在图片上时，所显示的名字
width height: 图片的高和宽
-->
<img src="./src/img/微信图片_20201224160900.jpg" alt="~_~