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标签包裹指定标签