Web前端学习笔记1——超链接和图片
超链接标签:<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里面的内容,在鼠标移动到图片上面时,会显示出来,如下图所示(鼠标由于截图被隐藏了)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· c# 半导体/led行业 晶圆片WaferMap实现 map图实现入门篇
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!