目录
1、html网页构成介绍
2、HTML标签介绍
全部的html标签：
HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/en-US/docs/Web/HTML
一个网页文件一般由.html结尾的文件组成，主要由不同的标签对和内容组成，常见的html标签可以参见文章：
原创 【HTML学习】——HTML常见标签属性和方法介绍 https://blog.csdn.net/qq_45769063/article/details/122149454
1、html网页构成介绍
2、HTML标签介绍
常见的tag如下所示
<!--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><!--表格-->
<table><!--表头--><thead><!--tr：table row以横向的形式呈现--><tr><!--设置表头信息<--><th>First name</th><th>last name</th><th>age</th><th>email</th></tr></thead><!--表格主体内容--><tbody><tr><!--设置表格数据--><td>lily</td><td>chan</td><td>12</td><td>123@qq.com</td></tr><tr><!--设置表格数据--><td>lily</td><td>chan</td><td>12</td><td>123@qq.com</td></tr><tr><!--设置表格数据--><td>lily</td><td>chan</td><td>12</td><td>123@qq.com</td></tr></tbody>
</table><!--表单，action指定处理逻辑的文件，method指定数据传递方式-->
<form action="form_logic.py" method="post"><!--占用一个区块--><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><!--大部分标签对是成双成对的，以/作为结束标志--> 
注意：
HTML：只负责编写代码，将控件等显示，不负责显示格式和网页业务逻辑处理
CSS：负责网页格式处理，使得网页显示更加地美化
业务逻辑一般是用Java/Python/js等语言编写然后在后台进行显示
