HTML 链接和图片
在HTML中，链接和图片是构建网页的基本元素之一，它们分别通过<a>标签和<img>标签来实现。
详细文档：
链接（Anchor）
链接，也称为锚点，允许用户点击跳转到另一个页面或页面内的某个部分。链接的基本语法如下：
<a href="url">链接文本</a>
href属性指定链接目标的URL。链接文本是显示给用户的可点击文本。
示例
-
外部链接：
<a href="https://www.example.com">访问Example网站</a> -
内部链接（页面内跳转）：
<a href="#section1">跳转到Section 1</a>需要在页面某处有对应的ID：
<h2 id="section1">Section 1</h2> -
邮件链接：
<a href="mailto:someone@example.com">发送邮件</a>
图片（Image）
图片标签<img>用于在网页中嵌入一张图片，基本语法如下：
<img src="image_url" alt="替代文本">
src属性指定图片的URL。alt属性提供图片的替代文本，如果出于某种原因图片无法显示，将显示该文本。
示例
<img src="https://www.example.com/image.jpg" alt="示例图片">
实用提示
- 对于链接和图片，始终包含
alt属性（对于图片）和有意义的文本（对于链接）。这不仅有助于提高可访问性，对于搜索引擎优化（SEO）也是一个好习惯。 - 使用相对路径（如
<img src="/images/picture.jpg">）来引用同一网站内的资源，这样在迁移站点或更改域名时会更加方便。 - 对于重要的图片，考虑提供多种尺寸以支持不同的设备和屏幕分辨率，可以使用
<picture>元素或在CSS中使用响应式图片技术。
详细文档：
