超文本标记语言（HyperText Markup Language）
超文本：网页中可显示的内容（图片，超链接，视频…）
标记语言：标记—>标签（标注）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<!-- 添加网页标题图标，添加时需要将目标图标放入img文件夹里 -->
<link herf="" rel="icon"/>
</head>
<body>
<!-- 网页的主体，网页的内容都写在这里 -->
<!-- 标签结构：
<开始标签>标签体</结束标签> 闭合标签（封闭的区间）
<标签名/> 自闭和标签，没有修饰的内容，只是完成某个功能 单标签
-->
</body>
</html>
加粗:<b>内容</b>
加入超链接:<a href="网址">超链接标签</a>
在新窗口打开超链接:<a href="网址" target="_blank">超链接标签</a>
加入搜索框:<input>
加入按钮:<input type="button" value="按钮">
设置网页背景颜色:<<body bgcolor="你准备设置的颜色">
标题标签：<h1></h1> 标题都独占一列
<h1 align="center"></h1> 标签所占位置
段落标签：<p></p> 表示一个段落
<p align="left"></p> 段落所占位置
<br/> 表示换行
<hr>添加一根线
列表：无序列表：<ul><li></li></ul>
有序列表：<ol><li></li></ol>
图片标签:
<img src="img/i.png" width="150" height="150" border="1">
字体:
<font size="" color=""></font>
表格的基本构成标签：
<!-- border设置表格边框宽度 -->
<!-- width 设置表格宽度 -->
<!-- cellspacing用来设置单元格之间的距离 -->
<!-- cellpadding用来设置单元格内容到边框的距离 -->
<!-- valign用来设置单元格内容的垂直位置 valign="top,middle,bottom" -->
<!-- align 用来设置单元格内容的水平位置 align="left,center,right" -->
<!-- colspan="" 将指定行合并起来 -->
<!-- rowspan="" 将指定列合并起来 -->
<table border="4" width="400" height="500" cellspacing="0" cellpadding="0">
<tr>
<!-- th居中加粗 -->
<th>姓名</th>
<th>语文</th>
</tr>
<tr>
<!-- td左对齐且不加粗 -->
<td align="center">张三</td>
<td valign="middle">88</td>
</tr>
</table>