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标签的方式使控件获得焦点
绑定方式：

  1. <input type="radio" name="" value="" id="nan"><label for="nan">男</label>
  2. 使用label标签包裹指定标签
posted @ 2020-10-21 11:07  朝闻道-夕可死  阅读(158)  评论(0)    收藏  举报