1、添加<div>标签的代码定义了两个区块的宽度和高度均为100px，边框的格式也相同，只是区块中显示的内容不同；
2、添加<ul>和<ol>标签分别用于定义无序列表和有序列表。<il>标签位于<ul>标签或<ol>标签之下，一个<li>标签表示列表中的一项。 无序列表中的<il>标签在网页中默认显示为小圆点格式的项目符号；有序列表中的<li>标签在网页中默认显示为数字符号；
3、<h>标签用于定义标题，它分为<h1>到<h6>共六个标签，<h1>字体号最大，<h6>字体号最小；
4、<a>标签：用于定义链接，在网页中单机链接，可以跳转到<a>标签中的href属性指定的页面地址；
5、<p>标签：用于定义段落，不设置样式时，一个<p>标签的内容在网页中显示为一行；
6、<span>标签：可以将网页元素放在一行中显示；
7、<img>标签：主要用于显示图片，scr属性指定图片的地址，alt属性指定图片无法正常加载是的替换文本。
python
<!--
1、<!DOCTYPE html> 一个标准的网页声明，告诉浏览器用哪种规范来解读当前文档；
2、<html>标签，声明这是一个HTML文档
3、<head>标签，定义文档的头部
4、<meat>标签，描述文档的属性
5、<title>标签，定义文档的标题
6、<body>标签，定义文档主体，包含文档的所有内容
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
添加<div>标签的代码定义了两个区块的宽度和高度均为100px，边框的格式也相同，只是区块中显示的内容不同
-->
<div style="height: 100px;width: 100px;border: 5px solid #500">第一个div</div>
<div style="height: 100px;width: 100px;border: 5px solid #500">第二个div</div>
<!--
添加<ul>和<ol>标签分别用于定义无序列表和有序列表。<il>标签位于<ul>标签或<ol>标签之下，一个<li>标签表示列表中的一项。
无序列表中的<il>标签在网页中默认显示为小圆点格式的项目符号；有序列表中的<li>标签在网页中默认显示为数字符号
-->
<div>
<ul>
<li>第一条数据</li>
<li>第二条数据</li>
<li>第三条数据</li>
</ul>
<ol>
<li>第一条数据</li>
<li>第二条数据</li>
<li>第三条数据</li>
</ol>
</div>
<!--
<h>标签用于定义标题，它分为<h1>到<h6>共六个标签，<h1>字体号最大，<h6>字体号最小。
-->
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
<!--
<a>标签：用于定义链接，在网页中单机链接，可以跳转到<a>标签中的href属性指定的页面地址。
-->
<a href="https://www.baidu.com/">百度a标签</a>
<!--
<p>标签：用于定义段落，不设置样式时，一个<p>标签的内容在网页中显示为一行。
-->
<p>这是第一个p标签</p>
<p>这是第二个p标签</p>
<!--
<span>标签：可以将网页元素放在一行中显示。
-->
<span>这是第一个span标签</span>
<span>这是第二个span标签</span>
<!--
<img>标签：主要用于显示图片，scr属性指定图片的地址，alt属性指定图片无法正常加载是的替换文本。
-->
<img src="https://www.baidu.com/img/flexible/logo/pc/[email protected]" alt="加载失败">
</body>
</html>运行结果：
