html元素

基础标签

<!DOCTYPE>　　定义文档类型（e.g <!DOCTYPE html>）

<html>定义一个HTML文档</html>

<title>文档标题</title>体现在网页最上端

<p>这是一个段落</p>　　

<a href="www.baidu.com">这是一个链接</a>

<br>　　换行

<wbr>规定在文本中的何处适合添加换行符。（意思就是如何窗口变小，那么在你添加<wbr>这个标签的地方会换行）

<hr> 定义水平线

 定义一个注释

格式

<abbr t="world health organization">who</abbr> 定义一个缩写

<address></address>　定义文档作者/所有者的联系信息（斜体，该元素前后添加换行）

<b></b>　　　　定义粗体文本

<bdi></bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置（比如使一段文字中的某一段文字倒着写）

<bdo dir="rtl（ltr）>"该段落文字从右到左（从左到右）显示</bdo>　　定义文本方向

<blockquote cite="url"></blockquote> 定义块引用,cite规定引用来源；blockquote元素中一般嵌套p元素，用于标记被引用的文本，这些引用问嗯赢不直接位于blockquote元素中

<cite></cite> 定义引用（斜体）；1、可以使你或者其他人从文档中自动摘录参考目录2、引用一个超链接。

<code>一段电脑代码</code> 定义计算机代码文本（短语标签）

所有的短语标签（只是不同的文字格式而已，建议使用css）

　　　　　　　　　　<em>呈现为被强调的文本

　　　　　　　　　　<strong>定义重要文本　

　　　　　　　　　　<dfn>定义一个定义项目

　　　　　　　　　　<samp>定义样本文本

　　　　　　　　　　<kdb>定义键盘文本，它表示文本是从键盘上键入的。经常用在与计算机相关的文档或者手册中

　　　　　　　　　　<var>定义变量

<del></del> 定义文档中已删除的文本。（My favorite color is ~~blue~~ red!）属性cite：规定一个解释了文本被删除的原因的文档的url；datatime：规定文本被删除的日期和时间

<s></s> 定义加删除线的文本

<ins></ins>定义文本中新插入的文本。

<i>定义斜体文本</i>

<u>定义下划线文本。</u>

<mark></mark> 定义带有记号的文本.比如让一段文字在文本中高亮显示。

<meter></meter>定义度量衡，仅用于已知最大和最小值的度量(不能作为一个进度条来使用)

e.g<meter value="2" min="0" mix="10">2 out of 10</meter><br>

　 <meter value="0.6">60%</meter> result:()

<pre></pre> 定义预格式文本。（标签内格式是什么样的，输出格式就是什么样的。）

<progress value="20" max="100"></progress>定义运行中的任务进度（进程）。(两个属性value和max)

<q>这是引用的内容</q> 定义短引用。（相当于把标签中间的内容加了一个引号）。

<rp></rp> 定义不支持ruby元素的浏览器所显示的内容。

<rt></rt>定义字符的解释或发音。

<ruby></ruby>定义ruby注释

　　　　　　e.g<ruby>

　　　　　　　　汗<rp>(</rp><rt>han<rt><rp>)</rp>

　　　　　　　　渍<rp>(</rp><rt>zi<rt><rp>)</rp>

　　　　　　　　</ruby>

<small></small>定义小号文本。

<sub></sub>定义下标文本。

<sup></sup>定义上标文本。

<time></time> 定义一个时间/日期。属性：datatime规定日期/时间；pubdata指示元素中的日期/时间是最近的文档的发布日期。

表单

<form>定义一个html表单，用于用户输入。

　　　<form>包含一个或多个以下表单元素：

　　　　　　<input>　规定了用户可以字其中输入数据的输入字段。

　　　　　　　　　　input属性：accept 规定通过文件上传来提交的文件的类型。（type=”file“）

　　　　　　　　　　　　　　 alt 定义图像的替代文本（type=”image“）

　　　　　　　　　　　　　　 antocomplete（含on|off两个属性）规定<input>元素输入字段是否应该启用自动完成功能。

　　　　　　　　　　　　　　　 autofocus 规定当前页面加载时<input>元素应该自动获得焦点。（就是在输入框加上一个光标）

　　　　　　　　　　　　　　　　checked 规定在页面加载时应该被预先选定的<input>元素。（只针对type="checkbox"或者type="radio"）

　　　　　　　　　　　　　　　　disable 规定应该禁用的<input>元素。（有一个输入框进制输入）

　　　　　　　　　　　　　　　　form规定<input>元素所属的一个或者多个表单。（可以把多个输入框联系起来，合为一个表单）

　　　　　　　　　　　　　　　　formenctype规定当表单数据提交到服务器时如何编码。

　　　　　　　　　　　　　　　　formaction规定当表单提交时处理输入控件的文件的URL（只针对type=”submit“和type=”image“）（就是点击链接之后的url不一样）

　　　　　　　　　　　　　　　　formmethod 定义发送表单数据到action URL的HTTP方法（只适合type=”submit“和type=”image“）

　　　　　　　　　　　　　　　　formtarget 规定标是提交表单后在哪里显示接收到响应名称或关键词（只适合type=”submit“和type=”image“）

　　　　　　　　　　　　　　　　height，weight规定<input>元素的高度、宽度。（只适合type=”image“）

　　　　　　　　　　　　　　　　list 属性引用<datalist>元素，其中包含<input>元素的预定义选型

　　　　　　　　　　　　　　　　max、min规定<input>元素的最大最小值　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　maxlength规定<input>元素中允许的最大字符数

　　　　　　　　　　　　　　　　mulitiple规定允许用户输入到<input>元素的多个值（同时可以上传多个文件）

　　　　　　　　　　　　　　　　name规定<input>元素的名称

　　　　　　　　　　　　　　　　pattern规定用于验证<input>元素值的正则表达式。

　　　　　　　　　　　　　　　　placeholder规定可描述的输入<input>字段预期值的简单的提示信息。（在输入框提示你输入的信息，当你开始输入时就会消失）

　　　　　　　　　　　　　　　　readonly规定输入字段是只读的

　　　　　　　　　　　　　　　　required规定必须在提交表单之前输入字段

　　　　　　　　　　　　　　　　size规定已字符数计的<input>元素的可见宽度

　　　　　　　　　　　　　　　　src规定显示为提交按钮的图像的URL（只针对type="image"）

　　　　　　　　　　　　　　　　step规定合法数字间隔(傍边会出现这样的上下小三角，每次点击都是三个三个的变化)

　　　　　　　　　　　　　　　　type规定要显示的<input>元素的类型，一般有butten,checkbox(选框)，color,data,datatime,data-local,email,file,hidden,image,month,number,password,radio,range,reset,search,submit,tel,text,time,url,week

　　　　　　　　　　　　　　　　value指定<input>value的值

html属性

class 　　为html元素定义一个或多个类名（classname）(类名从样式文件引入)（class="这里可以填写多个class属性"）

id　　　　定义元素唯一的id （id=" 引号里只可以填入一个id，多个无效"）

style　　规定元素的行内样式

title　　　描述了元素的额外信息

accesskey 设置访问元素的键盘快捷键

contenteditable 规定是否可以编辑元素的内容

contextmenu 指定一个元素的上下文菜单，当用户右击该元素，出现上下文菜单

data-* 用于存储页面的自定义数据

dir 设置元素中内容的文本方向

draggable 指定某个元素是否可以拖动

dropzone　　　　指定是否将数据复制、移动，或链接，或删除

hidden　　　　　　 hidden属性规定对元素进行隐藏

lang　　　　　　　规定元素中内容的语言代码

spellcheck　　　　检查元素是狗拼写错误

tabindex　　　　　设置元素的Tab键控制次序

translate　　　　　　指定是否一个元素的值在页面载入时是否需要翻译

原文地址：https://www.cnblogs.com/annonmouse99/p/11366815.html

html5标签整理

html元素

基础标签

格式

表单

html属性