<!--html申明-->
<!DOCTYPE html>
<!--HTML标签-->
<html lang="en">
<!--head标签，次要是设置显示在网页标签页的题目等属性-->
<head>
<!--设置网页题目以及字符集格局，这里设置的字符集格局为utf-8--><meta charset="UTF-8"><title>第一个网页</title></head>
<!--网页主体局部的内容-->
<body>
<!--显示不同大小的题目，从h1-h6-->
<h1>heading one</h1>
<h2>heading two</h2>
<h3>heading two</h3>
<h4>heading three</h4>
<h5>heading four</h5>
<h6>heading five</h6>
<!--文本-->
<p>文本</p>
<!--从网页中链接图片显示在本人的网页中-->
<img src="https://img-blog.csdnimg.cn/20210904124537781.png" width="200" height="200"/>
<!--无序列表，后面加点list-->
<ul>
<li>list 1</li><li>list 2</li><li>list 3</li><li>list 4</li><li>list 5</li></ul>
<!--有序列表，后面加数字-->
<ol>
<li>list 1</li><li>list 2</li><li>list 3</li><li>list 4</li></ol>
<!--表格-->
| First name | last name | age | |
|---|---|---|---|
| lily | chan | 12 | 123@qq.com |
| lily | chan | 12 | 123@qq.com |
| lily | chan | 12 | 123@qq.com |
<!--表单，action指定解决逻辑的文件，method指定数据传递形式-->
<form action="form_logic.py" method="post">
<!--[黄金](https://www.gendan5.com/nmetal/gold.html)占用一个区块--><div> <!--label--> <label>first name</label> <!--定义一个输出文本框，用于用户输出--> <input type="text" name="first name"></div><div> <!--label--> <label>last name</label> <!--定义一个输出文本框，用于用户输出--> <input type="text" name="email"></div><div> <!--label--> <label>email</label> <!--定义一个输出文本框，用于用户输出--> <input type="text" name="email"></div><!--提交按钮--><input type="submit" value="Submit"></form>
<!--按钮-->
<button>This is a Button</button>
<!--给指定的字段增加解释，当鼠标聚焦在下面字段时，会显示解释-->
<p><abbr title = "south college of techellge">SCUT</abbr> is a good college</p>
<!--设置上面空1000个像素-->
<div style="margin-top: 1000px"></div>
</body>
</html>
<!--大部分标签对是成双成对的，以/作为完结标记-->