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
- 默认选中的选项。