HTML常用的几个标签

发表于

1.iframe

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

属性

frameborder

  • 取值为1时（默认值），告诉浏览器在当前iframe与其他iframe之间绘制边框，取0时则无需绘制
    name
  • 嵌入的浏览上下文（框架）的名称。该名称可以用作a标签，form标签的target属性值，或input 标签和button标签的formtaget属性值。
    height
  • 以CSS像素格式HTML 4.01，或像素格式HTML5，或百分比格式指定frame的高度。
    width
  • 以CSS像素格式HTML 4.01，或像素格式HTML5，或百分比格式指定frame的宽度。
    src
  • 嵌套页面的URL地址。使用遵守同源策略的 ‘about:blank’ 来嵌套空白页。

    2.a标签

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

    属性

    1.href

    没有href属性
  • 这是没有意义，本身和span没有区别。
    href=”qq.com”
  • 打开的是一个相对文件路径，并不会打开网址。
    href=”http://qq.com"
  • 打开是一个网址。
    href=”//qq.com”
  • 这是无协议，将会自动识别并继承在它之前的协议。若是直接打开，识别的是file协议，若是指定了协议，例如localhost:8080//qq.com，则会识别http协议，从而打开qq网址。
    href=”javascript:;”
  • 这是伪协议，这种写法常用于一些奇怪的需求。
    不使用href，就点击不了。
    使用href=””则会刷新本页面。
    使用href=”#”产生锚点，会调到页面最上端。
    使用href=”javascript:;”，不产生任何动作。
    使用href=”javascript:alert(1)”，是存在可执行的。
    href=”?name=mamamoo”
  • 这种情况下表示会在url后面添加?name=mamamoo并且发起了一个get请求。
    href=”#xxx”
  • 在url后面添加#xxx添加一个锚点，并不会发起请求。

    2.target

    “_blank”
  • 新开一个空白页，打开网址。
    “_self”
  • 在自身窗口打开网址。
    “_parent”
  • 在父级窗口打开网址。
    “_top”
  • 在最上级窗口打开网址。
    如：我用iframe在A窗口嵌套了B窗口，在B窗口中嵌套C窗口。那么C窗口的父级指的是B，最上级指的是A。

    3.download

  • 可实现下载操作

    3.input标签

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

    属性

    1.name

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

    2.value

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

    3.checked

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

    4.disabled

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

    5.type

    button
  • 无缺省行为按钮。
    checkbox
  • 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。
    password
  • 一个值被遮盖的单行文本字段。使用 maxlength 指定可以输入的值的最大长度 。
    radio
  • 单选按钮。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，所有单选按钮的 name 属性使用同一个值； 一个单选按钮组中是，同一时间只有一个单选按钮可以被选择。
    submit
  • 用于提交表单的按钮。
    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

    submit
  • 此按钮提交表单数据给服务器。
    reset
  • 此按钮重置所有组件为初始值。
    button
  • 此按钮没有默认行为。它可以有与元素事件相关的客户端脚本，当事件出现时可触发。
    menu
  • 此按钮打开一个由指定menu元素进行定义的弹出菜单。

    6.select标签

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

    属性

    1. multiple

  • 支持多选。

    2. disabled

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

    3. selected

  • 默认选中的选项。

    7.table标签

    HTML的table标签表示表格数据,即通过二维数据表表示的信息。浏览器会按照thead、tbody、tfoot顺序来进行显示，不按照写的顺序显示