HTML入门笔记②

85 阅读1分钟

HTML入门笔记②

a标签

href取值

  1. 网址

image.png

CleanShot 2022-11-30 at 11.06.57.gif

  1. 路径

CleanShot 2022-11-30 at 11.11.58.gif

  1. 伪协议
  • javascript:代码; image.png

CleanShot 2022-11-30 at 11.17.01.gif ❤小技能:

//javascript:;点击超链接可以阻止跳转(无任何动作,只有这一种方法)
<body>
    <a href="javascript:;">点击</a>     
</body>
  • mailto:邮箱

image.png

CleanShot 2022-11-30 at 11.26.35.gif

  • tel:手机号

image.png

CleanShot 2022-11-30 at 11.30.43.gif

  • 作为锚点

image.png

CleanShot 2022-11-30 at 11.39.11.gif

target取值

  1. _blank

超链接在新窗口打开

  1. _self 超链接在自身页面打开

table标签

image.png

image.png

border-collapse 

属性是用来决定表格的边框是分开的还是合并的。在分隔模式下,相邻的单元格都拥有独立的边框。在合并模式下,相邻单元格共享边框。

border-collapse: collapse;//合并模式
border-collapse: separate;//分隔模式

border-spacing

属性指定相邻单元格边框之间的距离只适用于边框分离模式

img标签

属性

alt/height/width/src

事件

onload/onerror

响应式

.imgage{
max-width : 100%;
}
<img src="xxx" id="imgage"></img>