HTML基础
HTML基础
容器标签
容器级的标签可以简单的理解为能嵌套其它所有标签a的标签。
文本标签
文本级的标签对应容器级标签，只能嵌套文字/图片/超链接的标签。
空白重叠
标签内的空白内容会重叠为一个空格显示
<head>标签
- 作用：用于存放
<title>,<meta>,<base>,<style>,<script>,<link>。内部用于对网页的设置，除了<title>内的文字，其他的都不会在浏览器上显示。 - 注意
<title>标签是<head>标签中唯一要求包含的东西。 <title>内容会作为搜索引擎抓取的关键字
表格标签
<table> >> <caption> /<thead> > <th>+<td>/<tbody> > <tr>+<td>/<tfoot> > <tr>+<td>
无论书写内容如何颠倒，浏览器最后加载顺序都将是caption -> thead -> tbody -> tfoood
表单
表单是一个容器控件，用来容纳表单控件和提示信息，表单属性指定表单内数据提交的目标服务器地址（action）和提交方法（method）等
input控件
- 单选框（radio）： 必须将name属性设置相同值来构成一组单选框 checked = "checked"
- 复选框（checkbox）：最好也将name属性设置相同值来构成一组单选框 checked = "checked"
- 普通按钮（button）：普通按钮
- 重置按钮（reset）：重置表单内容 清空或恢复默认值
- 提交按钮（submit）：提交填写数据到action指定目标，并重置内容
- 图片按钮（image）：功能默认等同于提交按钮，src属性来指定图片源
- 文件上传（file）：在本地选择文件上传，multiple="multiple"文件多选属性
下拉菜单
<select> > <option> 默认选中第一项，可通过在<option>中添加selected="selected"属性更改默认选项
<label>标签
<label>标签是标注（标记）标签
如果将控件与<label>标签绑定后，用户可以通过单击label标签的方式使控件获得焦点
绑定方式：
<input type="radio" name="" value="" id="nan"><label for="nan">男</label>- 使用label标签包裹指定标签
