隨著互聯網的發展,旅游已經成為了人們生活中的一個非常重要的部分。旅游網站也越來越受到人們的關注和歡迎。今天我將分享一些關于HTML5和CSS的旅游網頁代碼。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>旅游網站首頁</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>旅游網</h1>
</header>
<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">熱門景點</a></li>
<li><a href="#">旅游攻略</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>
<main>
<section>
<h2>熱門景點</h2>
<article>
<img src="img1.jpg" alt="北京長城">
<h3>北京長城</h3>
<p>北京長城是全球七大奇跡之一,是我國古代軍事防御建筑之一,也是世界文化遺產。</p>
</article>
</section>
<section>
<h2>旅游攻略</h2>
<article>
<h3>游玩必知</h3>
<p>1. 確認行程安排。</p>
<p>2. 準備必要的旅行用品。</p>
<p>3. 注意安全和衛生。</p>
</article>
</section>
</main>
<footer>
<p>版權所有 ? 2021 旅游網</p>
</footer>
</body>
</html>
這些代碼包括了HTML5和CSS兩種語言的使用。其中,HTML5用于構建網頁的結構,CSS用于對網頁進行更加詳細的樣式設計。通過以上代碼,我們可以輕松地構建一個基礎的旅游網站。