<!DOCTYPE html> # 声明: 告诉浏览器使用HTML5解析网页
<head>...</head> # 页面的头部: 对网页的整体说明
<body></body> # 网页的身体: 网页的主要内容都写在这里
超链接
target="_blank"：target表示目标，blank表示空白，这里表示在空白窗口
<a href="/nav/watchers" target="_blank">关注</a>
图片
width="100%"：表示撑满整个窗口
title="": 鼠标划上去的提示
alt="": 图片加载失败后的文字
<img class="rich_pages" src="https:pg/...jpeg" width="100%" title="" alt="">
文字
<del>...</del> # 给文字增加删除线
<sup>...</sup> # 把标签中的文字变成上标(平方)
<u>...</u> # 给文字增加下划线
<center>...</center> # 把文字居中
列表
有序列表
<ol>
<li>
列表项目
</li>
</ol>
无序列表
<ul>
<li>
列表项目
</li>
</ul>
表格
<tr>...</tr>：表示一行
<table>
<tr>
<td>这是第一行第一列的文字</td>
<td>这是第一行第二列的文字</td>
</tr>
<tr>
<td>这是第二行第一列的文字</td>
<td>这是第二行第二列的文字</td>
</tr>
</table>
<table>
<thead>表格的页眉</thead>
<tbody>表格的主体</tbody>
<tfooter>表格的页脚</tfooter>
</table>
表单
from表单
- form表单必须有action属性, 表示提交地址
- 所有需要提交的数据, input必须有name属性
- input按钮的文字, 使用value属性表示
- input必须放在form表单内才能提交
input标签
| html写法 | 页面展示 |
|---|---|
| type=“text” | 文本输入框 |
| type=“password” | 密码输入框 |
| type=“radio” | 单选框 |
| type=“checkbox” | 复选框 |
| type=“button” | 普通按钮 |
| type=“submit” | 提交按钮 |
| type=“reset” | 重置按钮 |
| type=“file” | 文本选择框 |
评论区