图片标签和链接
发布时间: 2025年6月23日 00:55作者: 似琼碧落浏览: 18 次
已发布
内容格式: Markdown字数: 1311 字符
链接和图片标签
HTML 提供两个非常常用的标签：
<a>：链接（anchor）<img>：图片（image）
示例 1：基本链接
<a href="https://siqiongbiluo.love">访问示例网站</a>
显示效果：
👉 访问示例网站
示例 2：在新标签页打开链接
<a href="https://siqiongbiluo.love" target="_blank">新标签打开</a>
显示效果：
👉 新标签打开（点开会在新标签页中打开）
示例 3：邮件和电话链接
<a href="mailto:2673397594@qq.com">发送邮件</a>
<a href="tel:1234567890">拨打电话</a>
显示效果：
示例 4：插入图片
<img src="https://admin.siqiongbiluo.love/static/image/html-tagst.jpg.jpg" alt="示例图片">
显示效果：
🖼️ 
示例 5：设置宽高
<img src="https://via.placeholder.com/300x100" alt="宽高图" width="300" height="100">
显示效果：
📏
示例 6：点击图片跳转
<a href="https://siqiongbiluo.love">
<img src="https://admin.siqiongbiluo.love/static/image/html-tagst.jpg.jpg" alt="点击跳转">
</a>
显示效果：
👉 点击下图跳转
✅
<a>可跳转网页、邮件、电话
✅<img>是单标签，必须包含src和alt
✅ 图片标签不会自动换行，建议搭配 CSS 控制布局
分类:
html
最后更新: 2025年9月4日 21:31