HTML 链接和图片

​

 

在HTML中，链接和图片是构建网页的基本元素之一，它们分别通过<a>标签和<img>标签来实现。

详细文档：HTML 链接和图片-CJavaPy

链接（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中使用响应式图片技术。

详细文档：HTML 链接和图片-CJavaPy

​