我们的目标是
——没有蛀牙
HTML开头的<!DOCTYPE html>是此声明HTML文档为HTML5文档，声明帮助浏览器中正确显示网页。。就是给浏览器佛俺这个网页采用嘞HTML5的格式标准，你逗照着5给俺展现出来网页都行了。
就跟c语言开头声明#include <stdio.h>声明代码中的函数来stdio.h函数库类似，不同的标准要采用不同的声明，详细的可以查找HTML参考手册。
在计算机中，各种数据都是以01二进制编码进行储存。而对于我们来说使用二进制码来进行操作计算机和输入数据，过于繁琐和困难。所以各种编码表应运而生，常见的有ASCLL码等，其功能类似是将字符与二进制码进行 一 一 对应，如此输入字符时，计算机便自动得到其对应的二进制码。
中文也是一种字符，目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。采用 UTF-8编码。<meta charset="UTF-8">
ok开始
<table></table>表格标签。
其中属性 border="1px" 设置边框为1个像素。
属性width=" " height=" " 设置表格单元整体宽度和高度。可以使用像素表示如600px。也可使用屏幕占比表示如60%。
属性cellspacing="0"表示单元格之间的距离为0；cellpadding="0"表示补白，单元格内文字与边框的距离为0
属性bordercolor=" " 引号内填充颜色英文，表示表格边框颜色。（默认黑色）
属性bgcolor=" " 引号内填充颜色 表示表格内部颜色（默认白色)
table标签内部<tr></tr>为创建一行。tr内部<td></td>为创建一列。在<td>中填入文本即在单元格中填充。
若想要合并单元格。使用colspan="？" 在一行上的单元格合并？列。使用rowspan="?"在一列的单元格上合并？行。
<form></form>表单标签
<input type=" " />标签
当type="text"时 产生一行小型的可编辑文本域
当type="password"时产生一行加密文本域，即输入显示为密文
当type="radio"时为选择项，一般用于单选时，在<input>属性中使用name=""属性将这些radio放在一个组里时，表现为单选。
使用<label></label>包围radio的选项，可点击字体即可选择此项
当type="checkbox"是为多选项，一般也使用name属性将其放入一个组中。
radio与checkbox一般在一个单元格编辑中会大量出现
当type="button"产生一个按钮。也可使用<button> </button>创建按钮。
当type="submit"，也可在form里创建一个按钮，紧跟value=" "为此按钮的名字，运行点击后将返回所有上述input的数据
当type="reset"，表现为在form创建一个重置按钮，紧跟value=" "为此按钮的名字，运行点击后将重置所有上述input的数据
当type=“file” 时用于选择电脑上文件。类似上传头像的浏览文件页面。
<textarea cols=“x” rows=“y”> </textarea>创建一个大的文本域，列长x行长y。参考发表说说
<select> <option></option></select>组合。用于设置下拉式选择两个option中间为一个选项。参考选择出生日期。
然后我放粗课上的实例和源码：
表格实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table bordercolor="blue" bgcolor="aqua" border="1px" width="600px" height="300px" cellspacing="0" cellpadding="0">
<!--
作者：[email protected]
时间：2018-07-26
描述：依次是边框颜色，表格颜色，边框大小，表格宽，表格高。单元格间距，文字与单元格距离
-->
<tr>
<td>时间/星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr>
<td rowspan="2">上午</td>
<td>数据结构</td>
<td>休息</td>
<td>java</td>
<td>数据库原理</td>
<td>编译原理</td>
</tr>
<tr>
<td>休息</td>
<td>休息</td>
<td>数据库原理</td>
<td>休息</td>
<td>休息</td>
</tr>
<tr>
<td colspan="6"></td>
</tr>
<tr>
<td rowspan="2">下午</td>
<td>休息</td>
<td>数据库原理</td>
<td>休息</td>
<td>休息</td>
<td>休息</td>
</tr>
<tr>
<td>数据库原理</td>
<td>休息</td>
<td>休息</td>
<td>休息</td>
<td>休息</td>
</tr>
</table>
</body>
</html>
表单实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 align="center">学生信息注册</h1>
<!--
作者：[email protected]
时间：2018-04-18
描述：h1为字体大小
align是规定之后文本的位置，center为中央，right为右对齐，以下同
-->
<hr width="80%"/>
<!--
作者：[email protected]
时间：2018-04-18
描述：hr分割线，width定义分割线的长短
-->
<form >
<!--
作者：[email protected]
时间：2018-04-18
描述：form表单的意思，
-->
<table border="1" width="60%" align="center" cellspacing="0" bordercolor="blue">
<!--
作者：[email protected]
时间：2018-04-18
描述：table制表，border指边框为一层，width边框的占屏幕的百分比，
cellspacing=0填充边界空白//这个把border的那一层边框给弄没了
boedercolor表格的颜色，下同
-->
<tr>
<!--
作者：[email protected]
时间：2018-04-18
描述：tr为换行符号
-->
<td align="right" bordercolor="blue">用户名</td><td><input type="text"/></td>
<!--
作者：[email protected]
时间：2018-04-18
描述：一个td为一列，这里两个td表示两列，表格里要填东西时写在两个td中间
input为form里的属性，当type为text格式时
，显示一个让输入文本的框框，，，试试就明白了
-->
</tr>
<tr>
<td align="right" bordercolor="blue">密 码</td><td><input type="password" /></td>
<!--
作者：[email protected]
时间：2018-04-18
描述： 为空格的意思，如果直接打空格，会太小了。
type为password时，显示一个输入的框框，不过输入后的显示为***的密码文形式
-->
</tr>
<tr>
<td align="right" bordercolor="blue">专 业</td><td><select>
<!--
作者：[email protected]
时间：2018-04-18
描述：select为下拉式选择
两个option中间为一个选项
参考选择出生日期
-->
<option>--请选择--</option>
<option>计算机科学与技术</option>
<option>有点意思</option>
</select>
</td>
</tr>
<tr>
<td align="right" bordercolor="blue">性 别</td><td><label><input type="radio" name="sex"/>男 </label><input type="radio" name="sex"/>女 <input type="radio" name="sex" />其他</td>
<!--
作者：[email protected]
时间：2018-04-18
描述：type=radio时为选择项，当使用name属性将这些radio放在一个组里时，表现为单选。
使用label包围radio的选项，可点击字体即可选择此项
-->
</tr>
<tr>
<td align="right" bordercolor="blue">兴 趣</td><td><input type="checkbox" name="boddy" />羽毛球 <input type="checkbox" name="boddy" />篮球 <input type="checkbox" name="boddy" />足球</td>
<!--
作者：[email protected]
时间：2018-04-18
描述：checkbox变现为多选，name=boddy变现为这些都是放在boddy这一组里。
-->
</tr>
<tr>
<td align="right" bordercolor="blue">头 像</td><td><input type="file" />psb.jpg</td>
<!--
作者：[email protected]
时间：2018-04-18
描述：type=file时表现为要上传文件，参考上传群文件
-->
</tr>
<tr>
<td align="right" bordercolor="blue">介 绍</td><td><textarea rows="10" cols="50"></textarea></td>
<!--
作者：[email protected]
时间：2018-04-18
描述：textarea表现为长文本输入，参考淘宝评价
-->
</tr>
<tr>
<td colspan="2" bordercolor="blue" align="center"><input type="submit" value="提交"/><input type="reset" value="重置"/></td>
<!--
作者：[email protected]
时间：2018-04-18
描述：colspan为合并单元格，=2表现为合并的单元格为两个，
type=submi，表现为在form里创建一个按钮，value值为此按钮的名字，运行点击后将返回所有上述input的数据
type=reset，表现为在form创建一个重置按钮，value值为此按钮的名字，运行点击后将重置所有上述input的数据
-->
</tr>
</table>
</form>
</body>
</html>
日推一首歌——《第三人称》
对於第三人称的角度而言
也明白其实
每个人都有缺陷
才不断的追寻 更好的自己
直到青春一定程度的浪费
才觉得可贵
悲戚
博主现在还是个小白。若博文中有错误，请见谅。可以联系我修改。