共计 6288 个字符，预计需要花费 16 分钟才能阅读完成。

目录结构

功能排序

目前有用的标签大概有100多个，常用的就50个的样子。所以每个功能记住几个常用的大概就够了。具体如下：

一、常用的标签。

• 标题标签：h1~h6
• 段落标签：p
• 水平线：hr；这个标签常结合一些属性来清除浮动；noshade取消水平阴影。

  < hr style="height:0;clear: both;" noshade/>

• 换行标签：br;不换行标签：nobr
• 列表:ul,ol,li,menu(一般用于菜单)

  See the Pen BoodZm by iTattoo (@ZhouYanlang) on CodePen.

• 定义描述标签：dl-dt-dd
• 图片：img
• 缩进标签：blockquote
• 文本标签：内联行：span；倾斜：i，em；删除线：del，s；下划线：u，ins；加粗:b，strong；上标：sup;下标：sub;小号字体：small;大号字体：big，strong；

  See the Pen vNNJxX by iTattoo (@ZhouYanlang) on CodePen.

• 表格：table；表格标题:caption；表头:thead-tr-th；表体：tbody-tr-td；表尾：tfoot-tr-td；设置表格颜色样式：colgroup-col。

  See the Pen rOOzGg by iTattoo (@ZhouYanlang) on CodePen.

• 超链接标签：a。有三个常用功能，①超链接跳页面，②定义锚点，③功能性链接

  <div id="name">name</div>
  <a href="xxx.html" target="_blank">跳页</a>
  <a href="mailto:xxxx@qq.com">qq</a>
  <a href="#name">点击到name去</a>

• 表单标签：form
  

  属性

  属性	值	描述
  accept	MIME_type	HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）
  accept-charset	character_set	规定服务器可处理的表单数据字符集。
  action	URL	规定当提交表单时向何处发送表单数据。
  autocompleteNew	on off	规定是否启用表单的自动完成功能。
  enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method=”post” 的情况）
  method	get post	规定用于发送表单数据的 HTTP 方法。
  name	text	规定表单的名称。
  novalidateNew	novalidate	如果使用该属性，则提交表单时不进行验证。
  target	_blank _self _parent _top	规定在何处打开 action URL。

• 表单标签：input
  

  语法

  <input type="value">

  属性值

  值	描述
  button	定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
  checkbox	定义复选框。
  colorNew	定义拾色器。
  dateNew	定义 date 控件（包括年、月、日，不包括时间）。
  datetimeNew	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
  datetime-localNew	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
  emailNew	定义用于 e-mail 地址的字段。
  file	定义文件选择字段和 “浏览…” 按钮，供文件上传。
  hidden	定义隐藏输入字段。
  image	定义图像作为提交按钮。
  monthNew	定义 month 和 year 控件（不带时区）。
  numberNew	定义用于输入数字的字段。
  password	定义密码字段（字段中的字符会被遮蔽）。
  radio	定义单选按钮。
  rangeNew	定义用于精确值不重要的输入数字的控件（比如 slider 控件）。
  reset	定义重置按钮（重置所有的表单值为默认值）。
  searchNew	定义用于输入搜索字符串的文本字段。
  submit	定义提交按钮。
  telNew	定义用于输入电话号码的字段。
  text	默认。定义一个单行的文本字段（默认宽度为 20 个字符）。
  timeNew	定义用于输入时间的控件（不带时区）。
  urlNew	定义用于输入 URL 的字段。
  weekNew	定义 week 和 year 控件（不带时区）。

   

• 表单标签：label,fieldset,button,textarea,select,option,optgroup等等;

  See the Pen pjjrpQ by iTattoo (@ZhouYanlang) on CodePen.

• 表单元素常用属性：
  

  属性

  New : HTML5新标签。

  属性	值	描述
  accept	audio/* video/* image/* MIME_type	规定通过文件上传来提交的文件的类型。 (只针对type=”file”)
  align	left right top middle bottom	HTML5已废弃，不赞成使用。规定图像输入的对齐方式。 (只针对type=”image”)
  alt	text	定义图像输入的替代文本。 (只针对type=”image”)
  autocompleteNew	on off	autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。
  autofocusNew	autofocus	属性规定当页面加载时 <input> 元素应该自动获得焦点。
  checked	checked	checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type=”checkbox” 或者 type=”radio”)
  disabled	disabled	isabled 属性规定应该禁用的 <input> 元素。
  formNew	form_id	form 属性规定 <input> 元素所属的一个或多个表单。
  formactionNew	URL	属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type=”submit” 和 type=”image”)
  formenctypeNew	application/x-www-form-urlencoded multipart/form-data text/plain	属性规定当表单数据提交到服务器时如何编码(只适合 type=”submit” 和 type=”image”)。
  formmethodNew	get post	定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type=”submit” 和 type=”image”)
  formnovalidateNew	formnovalidate	formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
  formtargetNew	_blank _self _parent _top framename	规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type=”submit” 和 type=”image”)
  heightNew	pixels	规定 <input>元素的高度。(只针对type=”image”)
  listNew	datalist_id	属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项。
  maxNew	number date	属性规定 <input> 元素的最大值。
  maxlength	number	属性规定 <input> 元素中允许的最大字符数。
  minNew	number date	属性规定 <input>元素的最小值。
  multipleNew	multiple	属性规定允许用户输入到 <input> 元素的多个值。
  name	text	name 属性规定 <input> 元素的名称。
  patternNew	regexp	pattern 属性规定用于验证 <input> 元素的值的正则表达式。
  placeholderNew	text	Splaceholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。
  readonly	readonly	readonly 属性规定输入字段是只读的。
  requiredNew	required	属性规定必需在提交表单之前填写输入字段。
  size	number	size 属性规定以字符数计的 <input> 元素的可见宽度。
  src	URL	src 属性规定显示为提交按钮的图像的 URL。 (只针对 type=”image”)
  stepNew	number	step 属性规定 <input> 元素的合法数字间隔。
  type	button,checkbox,color,date,datetime datetime-local,email,file,hidden image,month,number,password,radio range,reset,search,submit,tel,text time,url,week	type 属性规定要显示的 <input> 元素的类型。
  value	text	Specifies the value of an <input> element
  widthNew	pixels	value 属性规定 <input> 元素的值。 (只针对type=”image”)