Web前端学习笔记1——超链接和图片

  • Web前端学习笔记1——超链接和图片已关闭评论
  • 139 次浏览
  • A+
所属分类:Web前端
摘要

超链接标签:<a href=”https://www.bilibili.com/” target=”_self”>B站</a> href是a标签必须要有的属性,里面可以放网址,也可以放#,井号代表空链接,在任意处点击空链接,都会回到页面顶部

超链接标签:<a href="https://www.bilibili.com/" target="_self">B站</a>

href是a标签必须要有的属性,里面可以放网址,也可以放#,井号代表空链接,在任意处点击空链接,都会回到页面顶部

href还可以存放id,如:#top,如果有标签的id="top",则会立即跳转到该标签处

如果href里面放的是zip或者exe文件,则会进行下载

target是超链接的打开方式,分为_self和_blank两种,前者就在此页面打开,后者新建一个页面

 

图片标签:<img src="https://i0.hdslb.com/bfs/album/695759ff2bbe982b4dd70bc101142bae7a34f8b7.png@2000w_1e.webp" title="这是一个图片"/>

src是img标签的必须属性,里面放图片地址,既可以是图片.jpg,也可以是图片的网址,示例中是图片网址

title里面的内容,在鼠标移动到图片上面时,会显示出来,如下图所示(鼠标由于截图被隐藏了)

Web前端学习笔记1——超链接和图片