HTML常用标签

188 阅读2分钟

a标签

属性

  • href
  • target
  • download
  • ref=noopener

作用

  • 跳转外部网页
  • 跳转内部锚点
  • 跳转到邮箱或电话等

herf取值

  • 网址

    baidu.com baidu.com //baidu.com

  • 路径

    /a/b/c 以及 a/b/c index.html 以及 ./index.htm

  • 路径

    javascript: js代码 ; mailto:邮箱 tel:手机号

    target

  • 内置名字

    _blank _top _parent _self

  • 程序员命名

    window 的 name iframe 的 name

tabel 标签

相关标签

  • table
  • thead 表格头部
  • tbody 表格主体
  • tfoot 表格底部
  • tr 表格行
  • td 表格行内的单元格
  • th 表格行内的头一个单元格

相关样式

  • table-layout

auto: 根据内容自动设置宽度 fixed: 均分宽度

  • boder-collapse

separate 默认值,边框会被分开 collapse 合并边框

  • boder-spacing

水平间距 垂直间距(可简写成一个间距) 相邻单元格的边框间的距离

img标签

作用

发起一个get请求,展示一张图片

属性

  • alt 图片加载失败时显示的文字
  • height
  • width
  • src

事件

  • onload 加载成功后回调
  • onerror 加载失败后回调

响应式

  • max-width:100%

form标签

作用

发出get或post请求,然后刷新页面。

属性

  • action 相当于img的src
  • method GET/POST 控制用get还是post来请求,值要大写
  • autocomplete on/off 输入框是否提示填写词
  • target 提交到哪个页面,即哪个页面需要刷新

事件

  • onsubmit  点击按钮触发的事件

tips:一个表单必须有一个具有type=submit属性的input或者button标签,否则不能触发submit事件。

input 标签

作用

提供输入内容的区域,用于搜集用户信息

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

属性

  • type

可选值:text、color、password、radio、checkbox、file、hidden、submit 相关标签:

  • textarea 多行文本
  • select 单选或多选菜单
  • option 单选或多选菜单的选项

事件

  • onchange 值改变时触发
  • onfocus 输入框聚焦时触发
  • onblur 输入框失去聚焦时触发