HTML常用的几个标签

HTML常用的几个标签简介

---

1.<iframe>标签

HTML内联框架元素 <iframe>标签表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。

属性

1.frameborder

• 取值为1时（默认值），告诉浏览器在当前iframe与其他iframe之间绘制边框，取0时则无需绘制此边框。

2.name

• 嵌入的浏览上下文（框架）的名称。该名称可以用作<a>标签，<form>标签的target属性值，或<input> 标签和 <button>标签的formtaget属性值。

3.height

• 以CSS像素格式HTML5，或像素格式HTML 4.01，或百分比格式指定frame的高度。

4.width

• 以CSS像素格式HTML5，或以像素格式HTML 4.01，或以百分比格式指定frame的宽度。

5.src

• 嵌套页面的URL地址。使用遵守同源策略的 'about:blank' 来嵌套空白页。

---

2.<a>标签

HTML<a>(或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

属性

1.href

1.1 没有href属性

• 这是没有意义，本身和span没有区别。

1.2 href="qq.com"

• 打开的是一个相对文件路径，并不会打开网址。

1.3 href="http://qq.com"

• 打开是一个网址。

1.4 href="//qq.com"

• 这是无协议，将会自动识别并继承在它之前的协议。若是直接打开，识别的是file协议，若是指定了协议，例如localhost:8080//qq.com，则会识别http协议，从而打开qq网址。

1.5 href="javascript:;"

• 这是伪协议，这种写法常用于一些奇怪的需求。
  不使用href，就点击不了。
  使用href=""则会刷新本页面。
  使用href="#"产生锚点，会调到页面最上端。
  使用href="javascript:;"，不产生任何动作。
  使用href="javascript:alert(1)"，是存在可执行的。

1.6 href="?name=mamamoo"

• 这种情况下表示会在url后面添加?name=mamamoo并且发起了一个get请求。

1.7 href="#xxx"

• 在url后面添加#xxx添加一个锚点，并不会发起请求。

2.download

• 可实现下载操作。

3.target
3.1 "_blank"

• 新开一个空白页，打开网址。

3.2 "_self"

• 在自身窗口打开网址。

3.3 "_parent"

• 在父级窗口打开网址。

3.4 "_top"

• 在最上级窗口打开网址。

如：我用<iframe>在A窗口嵌套了B窗口，在B窗口中嵌套C窗口。那么C窗口的父级指的是B，最上级指的是A。

---

3.<input>标签

HTML <input> 元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。

属性

1.name

• 控件的名称，与表单数据一起提交。

2.value

• 控件的初始值. 此属性是可选的，除非type 属性是radio或checkbox。注意，当重新加载页面时，如果在重新加载之前更改了值，Gecko和IE将忽略HTML源代码中指定的值。

3.checked

• 如果该元素的type属性的值为radio或者checkbox,则该布尔属性的存在与否表明了该控件是否是默认选择状态.

4.disabled

• 这个布尔属性表示此表单控件不可用。

5.type

5.1 button

• 无缺省行为按钮。

5.2 checkbox

• 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。

5.3 password

• 一个值被遮盖的单行文本字段。使用 maxlength 指定可以输入的值的最大长度 。

5.4 radio

• 单选按钮。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，所有单选按钮的 name 属性使用同一个值； 一个单选按钮组中是，同一时间只有一个单选按钮可以被选择。

5.5 submit

• 用于提交表单的按钮。

5.6 text

• 默认的类型，单行字段；换行会将自动从输入的值中移除。

---

4.<form>标签

HTML <form> 元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。

属性

1.action

• 一个处理这个form信息的程序所在的URL。这个值可以被 <button> 或者 <input> 元素中的 formaction 属性重载（覆盖）。

2.method

• a标签和form标签都是跳转页面，不过a标签是get请求，form是post请求。get是获取内容，post是提交内容。

3.name

• 这个form的名字。标签要有name属性，不然是无法在请求中得到。

4.target

• form标签的target属性和a标签是一样。

---

5.<button>标签

HTML <button> 元素表示一个可点击的按钮，可以用在表单或文档其它需要使用简单标准按钮的地方。

属性

1.name

• button的名称，与表单数据一起提交。

2.value

• button的初始值。它定义的值与表单数据的提交按钮相关联。当表单中的数据被提交时，这个值便以参数的形式被递送至服务器。

3.type
3.1 submit

• 此按钮提交表单数据给服务器。

3.2 reset

• 此按钮重置所有组件为初始值。

3.3 button

• 此按钮没有默认行为。它可以有与元素事件相关的客户端脚本，当事件出现时可触发。

3.4 menu

• 此按钮打开一个由指定<menu>元素进行定义的弹出菜单。

---

6.<table>标签

HTML的 <table>标签表示表格数据,即通过二维数据表表示的信息。浏览器会按照<thead>、<tbody>、<tfoot>顺序来进行显示，不按照写的顺序显示。而且它包括很多子元素，如：

---

7.<select>标签

HTML <select> 标签表示其提供选项菜单的控制。

属性

1.multiple

• 支持多选。

2.disabled

• 选项中标记了disabled是无法被选中。

3.selected

• 默认选中的选项。