润乾单元格加html点击事件_HTML常用标签

一.a标签

作用:

  1. 跳转外部页面
  2. 跳转内部锚点
  3. 跳转邮箱或电话

属性:

  1. href:跳转的连接地址
  • 网址

https://google.com,

http://google.com,

//google.com。

  • 路径

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

index.html以及./index.html

  • 伪协议

javascript:代码;

mailto:邮箱;

tel:电话手机号

  • id

href=#xxx

e7989b345ada9403dc86b739787725b1.png

2.target:设置打开放式

  • 内置名字

_blank:新窗口打开

_top:顶层窗口打开

_self:自身窗口打开

_parent:父窗口打开

  • 程序员命名

window的name:

8205545aede1fed5739ad925cce53557.png

表示如果有xxx的窗口就在xxx打开,如果没有就创建xxx新窗口打开

  • iframe的name

a8c8a64524b1cb3a2880964163f075c9.png

点击google或者baidu都在name=xxx的iframe打开

3.download:表示下载页面,不是所有浏览器都支持

4.rel=noopener

二.table标签

  1. 相关标签
  • table:表格
  • thead:表格头部
  • tbody:表格主体
  • tfoot:表格脚步
  • tr:设置行
  • th:行内单个表格元素表头(会自动加粗)
  • td:行内单个单元格

2.相关样式

  • table-layout:定义布局表格单元格行和列的算法
  • border-collapse:控制单元格是否合并
  • border-spacing:设置单元格边距

e7397e45d5bcc7a84dd8e7382f635230.png

三.img标签

  1. 作用:发出get请求展示一张图片
  2. 属性
  • alt:加载失败的提示
  • weight:宽
  • height:高
  • src:路径

3.事件

onload:图片加载成功执行的事件

onerror:图片加载失败执行的事件

c9c02fd2f590fa6c91e92aadc99ddaf9.png

4.响应式:max-weight:100%

四.form标签

  1. 作用:发送get或者post请求然后刷新页面
  2. 属性
  • action:控制请求那个页面
  • autocomplete:是否给出自动的建议
  • method:设置get或者post请求
  • target:与a标签的target类似

3.事件

onsubmit:提交事件,必须有一个type=submit的按钮才可以触发

五.input标签

  1. 作用:让用户输入内容
  2. 属性:
  • 类型type:button/checkbox/email/file/hidden/number/password/radio/search/submit/tel/text
  • 其他nane:autofocus/checked/disabled/maxlength/pattern/value/placeholder

3.事件:onchange/onfocus/onblur

一般网站 域名/favicon.ico 就能拿到图标

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值