链接与图片

链接让网页之间相互连通，图片让页面更生动。

链接 <a>

<a href="https://example.com">访问示例网站</a>
<a href="/guide/basic-tags">站内跳转到基础标签页</a>
<a href="mailto:you@example.com">发邮件给我</a>

显示效果：访问示例网站

属性	作用
href	跳转目标地址
target="_blank"	在新标签页打开
title	鼠标悬停提示文字

新窗口打开：

<a href="https://example.com" target="_blank">新窗口打开</a>

图片 <img>

<img src="https://picsum.photos/300/200" alt="随机风景图" width="300">

• src：图片地址
• alt：图片无法显示时的替代文字，对 SEO 很重要
• width / height：显示尺寸

相对路径 vs 绝对路径

类型	示例	说明
绝对路径	https://xxx.com/a.png	完整网址
站内相对	images/a.png	相对当前文件位置

注意

图片一定要写 alt 属性。搜索引擎看不到图片，靠 alt 理解图片内容，这对收录非常关键。