帮我写一个html页面,包含两个图片,点击图片可以跳转到不同的url地址
时间: 2023-02-13 20:37:20 浏览: 82
好的,首先,HTML 页面的基本结构如下:
```
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
页面内容
</body>
</html>
```
要在页面中插入图片,可以使用 `<img>` 标签。例如,要插入名为 "image1.jpg" 的图片,可以使用如下代码:
```
<img src="image1.jpg" alt="图片1">
```
"src" 属性表示图片的路径,"alt" 属性表示图片无法显示时的替代文本。
如果要在点击图片后跳转到不同的 URL 地址,可以将图片包装在一个超链接中,使用 `<a>` 标签。例如,要将图片超链接到 "https://www.example.com" 这个地址,可以使用如下代码:
```
<a href="https://www.example.com"><img src="image1.jpg" alt="图片1"></a>
```
综上所述,你可以使用如下代码来创建一个包含两个图片的 HTML 页面,并且点击图片可以跳转到不同的 URL 地址:
```
<!DOCTYPE html>
<html>
<head>
<title>图片超链接</title>
</head>
<body>
<a href="https://www.example.com"><img src="image1.jpg" alt="图片1"></a>
<a href="https://www.example.org"><img src="image2.jpg" alt="图片2"></a>
</body>
</html>
```
希望这些内容能帮助你。如果你还有其他问题,欢迎
阅读全文