HTML常用标签

163 阅读2分钟

html标签

  • a标签

    属性

    href

    target

    download

    rel = noopener

    作用

    跳转外部页面

    跳转内部锚点

    跳转到邮箱电话等

  • a标签的href的取值

    网址

    google.com

    google.com

    //google.com

    路径

    /a/b/b 以及a/b/c

    index.html以及./index.htmll

    伪协议

    javascript:代码;

    matlto:邮箱

    tel:手机号

  • a标签的target的取值

    内置名字

    -blank(新的页面打开)

    -top(顶部打开)

    -parent(父级窗口打开)

    -self(当前页面打开)

    程毓媛命名

    window的name(锚点链接)

    iframe的nae(iframe内打开)

  • a标签download属性

    作用

    不是打开页面,而是下载页面

    问题

    不是所有浏览器都支持,尤其手机浏览器不支持

iframe标签

  • 内嵌窗口已经很少用了,还有些老的系统在用

table标签(表格)

  • table标签相关的标签

    table:表格

    thead:表头

    tbody:表体

    tfoot:表底

    tr:行

    td:每项

    th:标题

    相关的样式

    table-layout

    border-collegespdr

    border-spancing

img标签(图片)

  • 作用

    发出get请求,展示一张图片

  • 属性

    alt (图片加载失败展示文字)

    height(高)

    width(宽)

    src(图片的地址路径0

  • 事件

    onloab:图片加载成功执行

    onerror:图片加载失败执行

  • 响应式

     max-width:100%(图片的最大宽度)
    

form表单标签

  • 作用

    发git或post请求,然后刷新页面

  • 属性

    active (要提交的那个网址)

    autocomplete:

    method(使用什么请求)

    target(规定在什么窗口打开页面)

  • 事件

    onsubmit : 提交时触发

input标签

  • 作用

    让用户输入内容

  • 属性typpe

    button定义可点击按钮
    checkbox定义复选框
    email定义邮箱字段
    file定义输入字段和 "浏览"按钮,供文件上传
    hidden定义隐藏的输入字段
    number定义数字字段
    password定义密码字段
    radio定义单选按钮
    search定义用于搜索的文本字段
    submit定义提交按钮
    tel定义用于电话号码的文本字段
    text定义单行的输入字段
    • 其他属性

      name规定 input 元素的名称
      autofocus规定输入字段在页面加载时是否获得焦点
      checked规定当页面加载时是否预先选择该 input 元素
      disabled规定当页面加载时是否禁用该 input 元素
      maxlength规定文本字段中允许的最大字符数
      pattern规定输入字段的值的模式或格式。
      value规定按钮上的文本
      placeholder规定帮助用户填写输入字段的提示
  • 事件

    onchange:变化是触发

    onfocus:获取焦点是触发

    onblur:失去焦点是触发

  • 验证器(html5新增功能)

其他输入标签

  • select+option
  • textarea
  • label

注意事项

一般不监听input的click事件

from里面input要有ame属性

form里面发一个typ=submit才能触发

其他标签

video(视频)

audio(音频)

canvas(画布)

svg(图像)