制作一个简单HTML西安旅游网页(HTML+CSS)

这篇文章距离上次修改已过193天，其中的内容可能已经有所变动。

以下是一个简单的HTML和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 {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
  }
  header {
    text-align: center;
    padding: 20px;
    background-color: #f2f2f2;
  }
  nav {
    text-align: center;
    padding: 20px;
    background-color: #f2f2f2;
  }
  section {
    padding: 20px;
    background-color: #f2f2f2;
    margin-bottom: 20px;
  }
  footer {
    text-align: center;
    padding: 20px;
    background-color: #f2f2f2;
  }
  img {
    max-width: 100%;
    height: auto;
  }
</style>
</head>
<body>
<header>
  <h1>欢迎来到西安旅游</h1>
</header>
<nav>
  <a href="#">首页</a> |
  <a href="#">景点介绍</a> |
  <a href="#">美食</a> |
  <a href="#">住宿</a> |
  <a href="#">行程规划</a>
</nav>
<section>
  <h2>西安城墙</h2>
  <p>西安城墙，位于中国西安市区北部，是中国明清两代的城市防线，也是世界上保存最完整最具代表性的城墙之一。</p>
  <img src="https://example.com/xian-fortification.jpg" alt="西安城墙">
</section>
<section>
  <h2>兵马俑</h2>
  <p>兵马俑，位于中国西安市区北部，是世界上存储最完整、最著名的秦始皇兵马俑。</p>
  <img src="https://example.com/tomb-sarco.jpg" alt="兵马俑">
</section>
<footer>
  版权所有 &copy; 2023 西安旅游
</footer>
</body>
</html>

这个简单的HTML页面包含了一个头部（header），导航栏（nav），两个内容区块（section），以及底部（footer）。CSS样式用于提供页面的视觉呈现，包括字体、颜色、背景等。图片链接是示例链接，需要替换为实际图片链接。

制作一个简单HTML西安旅游网页(HTML+CSS)

评论已关闭

推荐阅读