首页制作一个简单的html网页，需要插入一张背景图，且能够跳转

制作一个简单的html网页，需要插入一张背景图，且能够跳转

时间: 2024-10-05 20:02:00 浏览: 26

要制作一个简单的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。

阅读全文