HTML，JavaScript，CSS的基本使用，简单广告宣传页面设计实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单的广告宣传页面</title>
<style>
body {
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #f7f7f7;
}
.content {
text-align: center;
}
img {
width: 200px;
height: auto;
}
</style>
</head>
<body>
<div class="content">
<img src="logo.png" alt="公司Logo">
<h1>欢迎来到我们的网站</h1>
<p>我们是专业的...</p>
<button onclick="window.location.href='https://example.com'">了解更多</button>
</div>
</body>
</html>这段代码展示了如何使用HTML、CSS和JavaScript来创建一个简单的广告宣传页面。页面中包含了一个居中的logo，一个标题，一个简短的宣传文本和一个按钮，点击按钮可以跳转到指定的链接。这个页面可以作为初学者学习基础网页设计的示范，也可以作为企业展示其品牌和产品的工具。
评论已关闭