共计 1575 个字符，预计需要花费 4 分钟才能阅读完成。
<!–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>
<!– 大部分标签对是成双成对的，以 / 作为完结标记 –>