HTML常用的几个标签

六眼飞鱼酱① 提交于 2019-12-04 06:31:31

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

  • 默认选中的选项。
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!