用HTML,css写一个旅游网站
时间: 2023-01-11 11:55:36 浏览: 84
好的,我来给你写一份 HTML 和 CSS 的示例代码。
首先是 HTML 代码:
```
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>旅游网站</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>旅游网站</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">目的地</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>精选目的地</h2>
<ul>
<li>
<img src="bali.jpg" alt="巴厘岛">
<h3>巴厘岛</h3>
<p>海滩、度假胜地、文化遗产</p>
<a href="#">了解更多</a>
</li>
<li>
<img src="tokyo.jpg" alt="东京">
<h3>东京</h3>
<p>繁华都市、日本文化、美食</p>
<a href="#">了解更多</a>
</li>
</ul>
</section>
<section>
<h2>最新特惠</h2>
<ul>
<li>
<img src="paris.jpg" alt="巴黎">
<h3>巴黎三日游</h3>
<p>艾菲尔铁塔、卢浮宫、埃菲尔铁塔</p>
<p>¥999 起</p>
<a href="#">立即预订</a>
</li>
<li>
<img src="newyork.jpg" alt="纽约">
<h3>纽约五日游</h3>
<p>帝国大厦、自由女神像、中央公园</p>
<p>¥1599 起</p>
<a href="#">