<!–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>
<!–大部分标签对是成双成对的，以/作为完结标记–>
发表回复