编排图像以及超链接

2.1 编排图片--图片标签：<img>

2.1.1 网络导入图片

如 <img src="https://blog.csdn.net">,统一资源定位符方式（URL：用来标识网络中的任何资源）。

<a href="https://blog.csdn.net/">点击此处，打开CSDN博客</a> 

​

2.1.2  本地导入图片

1. 绝对路径方式：从本地导入本地照片(绝对路径)

代码如下： 

运行代码：

 

2.相对路径方式：从本地导入本地照片（相对路径）

 

运行结果：  

  注释：“.”——代表目前所在的目录

             “..”——代表上一层目录

             “ / ”——代表根目录

3.常用属性：

​

图像标签的常用属性

编排图像示例： 

​ 

2.2  超链接

   超链接 （hyperlink）是指从一个网页（或其他文件）指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。

2.2.1.超链接标签 <a>

<a href="https://www.baidu.com/">点击此处访问百度</a> 

   标签<a>使用href属性来指定跳转链接。

   默认情况下，未被点击的连接是蓝色字体，点击过的连接是带紫色字体（可通过CSS修改原生超链接的显示效果）

 2.2.2. 链接形式

（1）跳转外部链接——URL

（2）跳转内部链接

<a href="F:\Web前端开发技术\超链接\微信图片_20240911215907.jpg">点击此处，打开香蕉图片</a> 

（3）跳转当前H5网页中的某个地方

​