基础：

<!DOCTYPE>

定义文档的类型

语法：

html5

<!DOCTYPE html>

<html>

定义html文档，这个就不多说了！

<title>

定义文档的标题

提示：<title> 标签是 <head> 标签中唯一要求包含的东西。

<body>

定义文档的主体

<h1>...

定义html的标题

<p>

定义段落

<br>

定义简单的换行

<hr>

定义水平线

<!--...-->

定义注释

 格式：

<abbr>

定义缩写

实例：

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

<address>

定义文档作者的联系信息

提示：<address> 元素通常连同其他信息被包含在 <footer> 元素中。

<pre>

定义预格式的文本，在其中的文本会保留格式。

说明：一般来说，格式类元素都可以通过css来实现，也推荐使用css方式实现。

表单：

<form>

定义表单

常用属性：

action 提交表单时，会将数据发送到何处

autocomplete 默认on，就是一个记忆功能。

method="post|get"

target="_blank|_self"
enctype 定义表单中的数据在发送到服务器之前，如何进行编码，值为：

application/x-www-form-urlencoded    在发送前编码所有字符（默认）

multipart/form-data

不对字符编码。

在使用包含文件上传控件的表单时，必须使用该值。

text/plain    空格转换为 "+" 加号，但不对特殊字符编码。
<input>
用于收集用户输入的信息

常用属性

accept="image/gif,image/jpg" 规定能够通过文件上传进行提交的文件类型。

注意：只有当tyep="file"时才有效。

checked 属性规定在页面加载时应该被预先选定的 input 元素。

注意：checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。

disabled 禁用input元素

formaction=url 覆盖 form 元素的 action 属性。

注意：该属性适用于 type="submit" 以及 type="image"。

max 规定输入字段所允许的最大值。

注释：max 和 min 属性适用于以下 <input> 类型：number, range, date, datetime, datetime-local, month, time 以及 week。

maxlength 规定输入字段的最大长度，以字符个数计

注：maxlength 属性与 <input type="text"> 或 <input type="password"> 配合使用。

multiple 规定可选多个文件

语法：

<input multiple="multiple">

注释：multiple 属性使用欧冠与以下 <input> 类型：email 和 file。

pattern 规定用于验证输入字段的模式。

语法：

<input pattern="regexp">

注释：pattern 属性适用于以下 <input> 类型：text, search, url, telephone, email 以及 password 。

placeholder 提示信息

注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

readonly 	把输入字段设置为只读。

注意：readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。

required 规定必需在提交之前填写输入字段。

语法：

<input required="required">

注释：required 属性适用于以下 <input> 类型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

value input 元素设定值。

对于不同的输入类型，value 属性的用法也不同：

    type="button", "reset", "submit" - 定义按钮上的显示的文本

    type="text", "password", "hidden" - 定义输入字段的初始值

    type="checkbox", "radio", "image" - 定义与输入相关联的值

注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。

注释：value 属性无法与 <input type="file"> 一同使用。

type 定义input元素的类型

button 	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。

checkbox 	定义复选框。

file 	定义输入字段和 "浏览"按钮，供文件上传。

hidden 	定义隐藏的输入字段。

image 	定义图像形式的提交按钮。

password 	定义密码字段。该字段中的字符被掩码。

radio 	定义单选按钮。

reset 	定义重置按钮。重置按钮会清除表单中的所有数据。

submit 	定义提交按钮。提交按钮会把表单数据发送到服务器。

text 	定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

<textarea>

cols 属性规定 textarea 的可见宽度。

rows 属性规定 textarea 的可见高度。

<button>

注释：如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的按钮值。请使用 input 元素在 HTML 表单中创建按钮。

<select>

select 元素可创建单选或多选菜单。

<select&> 元素中的 <option> 标签用于定义列表中的可用选项。

<optgroup>

<optgroup> 标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

常用属性：label 	text 	为选项组规定描述。

<option>

在 HTML 中，<option> 没有结束标签。

<label>

<label> 标签为 input 元素定义标注（标记）。

常用属性：

for 	id 	规定 label 绑定到哪个表单元素。

form 	formid 	规定 label 字段所属的一个或多个表单。

<datalist>

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

实例：

<input id="myCar" list="cars" />

<datalist id="cars">

  <option value="BMW">

  <option value="Ford">

  <option value="Volvo">

</datalist>

图像：

<img>

<img> 标签有两个必需的属性：src 属性 和 alt 属性。

常用属性：

必须

alt 	text 	规定图像的替代文本。

src 	URL 	规定显示图像的 URL。

可选

height px|% 定义图像的高度。

width px|% 定义图像的宽度

音视频：

<video>

定义视频

autoplay 	autoplay 	如果出现该属性，则视频在就绪后马上播放。

controls 	controls 	如果出现该属性，则向用户显示控件，比如播放按钮。

height 	pixels 	设置视频播放器的高度。

loop 	loop 	如果出现该属性，则当媒介文件完成播放后再次开始播放。

muted 	muted 	规定视频的音频输出应该被静音。

poster 	URL 	规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。

preload 	preload 	

如果出现该属性，则视频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

src 	url 	要播放的视频的 URL。

width 	pixels 	设置视频播放器的宽度。

<audio>

定义音频

autoplay 	autoplay 	如果出现该属性，则音频在就绪后马上播放。

controls 	controls 	如果出现该属性，则向用户显示控件，比如播放按钮。

loop 	loop 	如果出现该属性，则每当音频结束时重新开始播放。

muted 	muted 	规定视频输出应该被静音。

preload 	preload 	

如果出现该属性，则音频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

src 	url 	要播放的音频的 URL。

链接：

<a>

常用属性：

href 	URL 	规定链接指向的页面的 URL。

rel 	text 	规定当前文档与被链接文档之间的关系。

target 	规定在何处打开链接文档。

    _blank

    _parent

    _self

    _top

    framename

<link>

<link> 标签定义文档与外部资源的关系。

常用属性：

href 	URL 	规定被链接文档的位置。

rel 	

    alternate

    author

    help

    icon

    licence

    next

    pingback

    prefetch

    prev

    search

    sidebar

    stylesheet

    tag

	规定当前文档与被链接文档之间的关

列表：

<ul>

无序列表

<ol>

有序列表

<li>

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

表格：

<table>

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

常见属性

border 	pixels 	规定表格边框的宽度。

cellpadding px|%  规定单元边沿与其内容之间的空白。

cellspacing pixels|%  规定单元格之间的空白。

frame

    void

    above

    below

    hsides

    lhs

    rhs

    vsides

    box

    border

	规定外侧边框的哪个部分是可见的。

rules

    none

    groups

    rows

    cols

    all

	规定内侧边框的哪个部分是可见的。

summary 	text 	规定表格的摘要。

width %|px 规定表格的宽度。

<caption>

caption 元素定义表格标题，紧跟着table元素

<th> 	定义表格中的表头单元格。

<tr> 	定义表格中的行。

<td> 	定义表格中的单元。

<thead> 	定义表格中的表头内容。

<tbody> 	定义表格中的主体内容。

<tfoot> 	定义表格中的表注内容（脚注）。

样式\节：

<style>

定义样式

<div>

定义文档中的分区或节（division/section）。

<span>

用来组合文档中的行内元素。

元信息：

<head>

定义头部

<meta>

定义元信息

常见属性：

content 	some_text 	定义与 http-equiv 或 name 属性相关的元信息

http-equiv 	

    content-type

    expires

    refresh

    set-cookie

	把 content 属性关联到 HTTP 头部。

name 	

    author

    description

    keywords

    generator

    revised

    others

	把 content 属性关联到一个名称。

scheme 	some_text 	定义用于翻译 content 属性值的格式。

编程：

<script>

常见属性：

src 	URL 	规定外部脚本文件的 URL。

async 	async 	规定异步执行脚本（仅适用于外部脚本）。

<embed>

定义嵌入的内容，比如插件。

属性：

height 	pixels 	设置嵌入内容的高度。

src 	url 	嵌入内容的 URL。

type 	type 	定义嵌入内容的类型。

width 	pixels 	设置嵌入内容的宽度。

html之常用元素的更多相关文章

  1. web.xml常用元素配置

    tomcat服务器: tomcat是一个WEB服务器,所有的j2ee WEB程序可以在此处运行. tomcat服务器是一个符合j2ee标准的WEB服务器.则J2ee的EJB程序无法在此处运行. 如果要 ...

  2. 常用元素的属性/方法 attr / val / html /text

    常用元素的属性/方法 得到一个元素的高度, $("#myid").height() 得到一个元素的位置, $("#myid").offset() 返回的是一个o ...

  3. Robotframework + Appium 之常用元素定位方法

    任何自动化测试,其实手动测试也是一样的,元素定位(目标定位)是首要任务,这是最直接的测试对象呀! 好了,废话不多说,又到了元素定位啦,之前我们已经介绍过selenium及appium常用的定位方法,下 ...

  4. selenium - 常用元素操作

    # 3.常用元素操作 # 元素对象的获取ele = driver.find_element_by_XXX('定位表达式') # 获取元素的文本内容(返回值为元素的文本)ele.text # 获取元素的 ...

  5. 基于appium的常用元素定位方法

    一.元素定位工具 app应用的元素使用的是控件定位,不同于web网页,web网页定位元素通常使用的是F12工具,那么在app当中我们则要借助其它的工具来辅助定位. 1.uiautomatorviewe ...

  6. 第二篇 HTML 常用元素及属性值

    常用元素及属性值 先和同学了解下,一部分常用的元素,区别以及属性,常用在哪里.   标签是由左右尖括号抱起来的,由开始标签开始,再由结束标签结束,里面内容则是元素,比如:<div>< ...

  7. 前端笔记：Html页面常用元素

    Html页面由基本几个元素(标签)组成 html.head.body.foot(很少使用). html是整个页面的父级元素,内部包括head.body.foot子类标签. head是页头,及页面的头部 ...

  8. web.xml常用元素

    web.xml文件是用来初始化配置信息:比如welcome页面.servlet.servlet-mapping.filter.listener.启动加载级别等.当你的web工程没用到这些时,你可以不用 ...

  9. pom.xml常用元素解析

    project 最外层元素 modelVersion 指定Maven模型的版本号,对于Maven2和Maven3,它只能是4.0.0 version 版本信息 groupId 包id,会生成相应路径 ...

随机推荐

  1. 【平面图】【最小割】【最短路】【Heap-Dijkstra】bzoj1001 [BeiJing2006]狼抓兔子

    http://wenku.baidu.com/view/8f1fde586edb6f1aff001f7d.html #include<cstdio> #include<queue&g ...

  2. Exercise02_11

    import javax.swing.JOptionPane; public class Population{ public static void main(String[] args){ int ...

  3. Scala实战高手****第9课：Scala类和对象彻底实战和Spark源码鉴赏

    scala类和对象 RDD中创建_sc和deps相比java更加的简洁. 在Spark的例如SparkContext.sqlSpark等全局成员在完成实例化. 在唯一实例的时候一般不会去使用伴生对象a ...

  4. xib中Autolayout的使用

    压缩包下载链接:http://share.weiyun.com/ceb6107857789ae3ec08d4a83269713d (密码:Kd33)

  5. asp.net HttpModule和HttpHandler

    ASP.Net处理Http Request时,使用Pipeline(管道)方式,由各个HttpModule对请求进行处理,然后到达 HttpHandler,HttpHandler处理完之后,仍经过Pi ...

  6. Coherence的集群成员的离开和加入机制研究

    最近在客户那里环境中coherence集群不稳定,所以找出一些文档,需要搞清楚Coherence内部的一些机制 1.集群成员的离开 关于状态的检测,官方的说法是: Death detection is ...

  7. LNMP第二部分nginx、php配置

    内容概要:一. nginx.confvim /usr/local/nginx/conf/nginx.conf //清空原来的配置,加入如下内容:user nobody nobody;worker_pr ...

  8. IDEA Maven 下载jar

    转载地址:https://www.cnblogs.com/hongwz/p/5456578.html 本文主要介绍通过配置Maven来下载需要用的jar包. 比如我现在用到把字符串转成json对象,这 ...

  9. linux的chmod命令

    chmod命令用来变更文件或目录的权限.在UNIX系统家族里,文件或目录权限的控制分别以读取.写入.执行3种一般权限来区分,另有3种特殊权限可供运用.用户可以使用chmod指令去变更文件与目录的权限, ...

  10. WIN7怎样把屏幕改为16位色

    1 右击桌面,选择屏幕分辨率   2 选择高级设置   3 点击"监视器"选项卡,把颜色改为16位.   4 屏幕会暂时黑屏一段时间,随后主题将自动切换为基础版(失去Areo效果) ...