什么是HTML
html指的是~~超文本标记语言~~ （HyperText Markup Language）
html并不是编程语言 而是一种~~标记语言~~
如何理解超文本标记：
超文本：
（超越文本限制）可以添加图片，声音，动画，多媒体……
超链接：
可从一个文件转跳到另一个文件，与其他主机文件相连接……
HTML书写规范
HTML常用标签
常用标签我写在思维导图上了：点我传送 电脑浏览效果更佳
常用标签我写在思维导图上了：点我传送 电脑浏览效果更佳
常用标签我写在思维导图上了：点我传送 电脑浏览效果更佳
常用标签我写在思维导图上了：点我传送 电脑浏览效果更佳
PS:相对路径与绝对路径
文档查阅
以w3school为例：
假设我们需要查询 a(超链接) 标签
小实例（注册页面）
效果图：
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h2 {
text-align: center;
}
</style>
</head>
<body>
<h2>Welcome To Join Us</h2>
<table align="center" border="1" cellpadding="100" cellspacing="0">
<!-- 第一行 -->
<tr>
<td>性别</td>
<td>
<label for="nan">男</label> <input type="radio" name="sex" id="nan"> <label for="nan"><img src="http://39.98.123.18/index.php?share/fileDownload&user=1&sid=7JTESu2w"></label>
<label for="nv">女</label> <input type="radio" name="sex" id="nv"> <label for="nv"><img src="http://39.98.123.18/index.php?share/fileDownload&user=1&sid=DxbFpTHG"></label>
</td>
</tr>
<!-- 第二行 -->
<tr>
<td>生日</td>
<td>
<select>
<option>--请选择年份--</option>
<option>2002</option>
<option>2001</option>
<option>2000</option>
<option>1999</option>
<option>1998</option>
</select>
<select>
<option>--请选择月份--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select>
<option>--请选择日--</option>
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
<option >7</option>
<option >8</option>
<option >9</option>
<option >10</option>
<option >11</option>
<option >12</option>
<option >13</option>
<option >14</option>
<option >15</option>
<option >16</option>
<option >17</option>
<option >18</option>
<option >19</option>
<option >20</option>
<option >21</option>
<option >22</option>
<option >23</option>
<option >24</option>
<option >25</option>
<option >26</option>
<option >27</option>
<option >28</option>
<option >29</option>
<option >30</option>
<option >31</option>
</select>
</td>
</tr>
<!-- 第三行 -->
<tr>
<td>所在班级</td>
<td>
<input type="text" placeholder="学院">
<input type="text" placeholder="专业">
<input type="text" placeholder="班级">
</td>
</tr>
<!-- 第四行 -->
<tr>
<td>
自我介绍
</td>
<td>
<textarea placeholder="自我介绍"></textarea>
</td>
</tr>
<!-- 第五行 -->
<tr>
<td colspan="2">
<button>立即提交</button>
</td>
</tr>
<!-- 第六行 -->
<tr>
<td colspan="2">
<h3>
我的承诺
</h3>
<ul>
<li>好好学习</li>
<li>天天向上</li>
<li>开开心心</li>
</ul>
</td>
</tr>
</table>
</body>
</html>