html标签
1.文本标签
<!--和文本有关的标签-->
<!--
<h1>to<h6>:标题标签，闭合标签
<p>：段落标签,闭合标签
<br>:换行标签
<hr>：显示一条水平线,自闭合标签
属性：
1.align:对齐方式
center居中
left左对齐
right右对齐
2.color：颜色
3.size：高度
4.width：宽度
<b>：字体加粗
<i>：字体斜体
<font>：字体标签
<center>:文本居中（占比相对于父元素的比例）
1.color：颜色
2.size：大小
3.face:字体
color:
1.英文单词形式 green，red，blue
2.rgb(值1，值2，值3)范围0~255
3.#值1值2值3
width:
1.数值：width='20',默认单位是像素px
2.数值%，占比相对于父元素的比例
-->
2.图片标签
<img src="./a.jpg" align="center" alt="加载失败显示 学生证" width="500" height="500">
<!--
src：图片路径
alt：图片加载失败显示的内容
align：存放的位置
width：宽度
height：高度
相对路径
./当先路径
../代表上一级目录
3.列表标签
<!--
有序列表
-->
<ol type="1" start="1">
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ol>
<ol type="A" start="2">
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ol>
<ol type="i" start="3">
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ol>
<ol type="I" start="2">
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ol>
<ol type="a" start="2">
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ol>
<!--无序列表-->>
<ul type="square">
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ul>
<ul type="circle">
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ul>
<ul>
<li>嘻嘻</li>
<li>哈哈</li>
<li>嘿嘿</li>
<li>吼吼</li>
</ul>
4.链接标签
<a href="指定访问资源的url 也可以访问当前项目内部的资源" target="_self">点我</a>默认为——self在当前页面打开
<a href="指定访问资源的url 也可以访问当前项目内部的资源" target="_blank">点我</a>在新的页面打开
<a><img src="./a.jpg" align="center" alt="加载失败显示 学生证" width="500" height="500"></a>点击图片跳转
5.图片标签
table：定义表格
width：宽度
border：边框
cellpadding：定义内容和单元格距离
cellspacing：定义单元格之间距离，若为零则为一条直线
bgcolor：背景颜色
align：对齐方式
tr：定义行
bgcolor:背景色
align：对齐方式
td：定义单元格
colspan：合并列
rowspan：合并行
th：定义表头单元格(会自动居中)
caption:表格标题
thead：表格的头部分
tbody：表格的体部分
tfoot：表格的脚部分
增强可读性
##如果某一行只有一个单元格则使用<tr><td></td></tr>
##如果一行内有多个单元格，则使用
<tr>
<td>
<table>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</td>
>
</tr>
<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="red" align="center">
<thead>
<tr align="center">
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
</tr>
</thead>
<tbody>
<tr align="center">
<td rowspan="2">1</td>
<td>a</td>
<td>17</td>
</tr>
<tr align="center">
<td>2</td>
<td>b</td>
</tr>
</tbody>
<tfoot>
<tr align="center">
<td>3</td>
<td colspan="2">c</td>
</tr>
</tfoot>
</table>
6.表单标签
form：定义表单，定义一个采集用户数据的范围、
属性：1.action 提交数据的url
2.method 指定提交方式
属性：1.get 请求参数会在地址栏显示，url长度有限制，不安全
2.post 请求参数不会再地址栏出现(封装在请求体中)，url长度没有限制，安全
注意：表单项中的数据要想被提交，必须指定name属性
标签：
input：可以通过type属性改变元素展示的样式
type：1.text，文本输入框
2.password，密码输入框(安全)
3.radio，单选框
多个单选框的name属性必须一致
给每个name 属性后加一个value用来区别提交的信息
默认选项checked
placeholder 灰色一点就消失，提示
4.checkbox，复选框
多个单选框的name属性必须一致
给每个name 属性后加一个value/id用来区别提交的信息
默认选项checked
placeholder 灰色一点就消失，提示
5.file 文件选择框
6.hidden 隐藏框
7.按钮
submit 提交按钮 <input type="submit" value="登录">//可以提交数据
button 按钮 <input type="button" value="按钮">//一个单纯的按钮没有其他功能
image 图片 src属性 <input type="image" src="">//图片提交按钮
8.color 取色器
9.date，datetime-local
10.email 邮箱 有基本的逻辑校验
11.num 数字 有基本的逻辑校验
label：指定输入项的文字描述信息
注意：label的for属性和input的id属性的值对应，如果对应label区域会让input输入框获取焦点
select：下拉列表
属性：1.option 定义列表项
2.selected 定义默认项
textarea：文本区域
属性：cols 定义每行字数
rows 定义行数
注册表单案例：
<form action="#" method="get">
<table width="500" align="center" border="1" cellpadding="0" cellspacing="0">
<caption>注册信息</caption>
<tr>
<td align="center"><label for="username">用户名</label></td>
<td><input type="text" name="username" id="username" placeholder="请输入"></td>
</tr>
<tr>
<td align="center"><label for="password">密码</label></td>
<td><input type="password" name="password" id="password" placeholder="请输入"></td>
</tr>
<tr>
<td align="center">性别</td>
<td><input type="radio" name="性别" value="1" checked>男
<input type="radio" name="性别" value="2">女
</td>
</tr>
<tr>
<td align="center"><label for="sheng"></label>省份</td>
<td>
<select id="sheng" name="省份">
<option selected>--请选择--</option>
<option>陕西</option>
<option>北京</option>
<option>上海</option>
</select>
</td>
</tr>
<tr>
<td align="center"><label for="tel">手机号</label></td>
<td><input type="text" name="tel" id="tel" placeholder="请输入"></td>
</tr>
<tr>
<td align="center"><label for="email">邮箱</label></td>
<td><input type="email" name="email" id="email" placeholder="请输入"></td>
</tr>
<tr>
<td align="center"><label for="birthday">生日</label></td>
<td><input type="date" name="birthday" id="birthday" placeholder="请输入"></td>
</tr>
<tr>
<td align="center"><label for="name">姓名</label></td>
<td><input type="text" name="name" id="name" placeholder="请输入"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="注册"></td>
</tr>
</table>
</form>