制作一个简单的html网页,需要插入一张背景图,且能够跳转
时间: 2024-10-05 11:02:00 浏览: 21
要制作一个简单的HTML网页并插入背景图片,并设置页面跳转,可以参考以下步骤和代码:
首先,在HTML文件的`<head>`部分,添加样式信息,包括背景图片的链接:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单网页</title>
<style>
body {
/* 设置背景图片 */
background-image: url("background.jpg");
background-size: cover;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<!-- 页面内容和跳转链接 -->
<div class="content">
<a href="http://www.target.com" target="_blank">点击跳转</a>
</div>
</body>
</html>
```
这里假设背景图片文件名是`background.jpg`,放在与HTML文件相同的目录下。`background-size: cover`会让背景图铺满整个屏幕。
然后,在`<body>`内,添加一个`<div>`作为页面主体,里面放置一个超链接`<a>`,设置其href属性为你要跳转的目标地址,`target="_blank"`属性可以让链接在新窗口打开。
这样,当你访问这个HTML页面时,就会看到背景图片,并且点击那个链接会跳转到指定的URL。
阅读全文