网站导航

网站导航

最近发表

文章归档

首页 HTML正文

html旅游景区代码

HTML
宁为泽 1周前 9浏览 0评论

在创建网页时，HTML是必不可少的一种语言。HTML（Hypertext Markup Language）是一种标记语言，它将文本、图像和其他对象嵌入到网页中。当我们想要创建一个关于旅游景区的网站时，如何用HTML实现呢？

<!DOCTYPE html>
<html>
  <head>
    <title>旅游景区</title>
  </head>
  <body>
    <header>
      <h1>旅游景区介绍</h1>
      <nav>
        <ul>
          <li><a href="#jingqu1">景区1</a></li>
          <li><a href="#jingqu2">景区2</a></li>
          <li><a href="#jingqu3">景区3</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <section id="jingqu1">
        <h2>景区1</h2>
        <p>这是一段关于景区1的介绍。</p>
        <img src="jingqu1.jpg" alt="景区1图片">
      </section>
      <section id="jingqu2">
        <h2>景区2</h2>
        <p>这是一段关于景区2的介绍。</p>
        <img src="jingqu2.jpg" alt="景区2图片">
      </section>
      <section id="jingqu3">
        <h2>景区3</h2>
        <p>这是一段关于景区3的介绍。</p>
        <img src="jingqu3.jpg" alt="景区3图片">
      </section>
    </main>
    <footer>
      <p>版权所有 © 2021 旅游景区</p>
    </footer>
  </body>
</html>

上述代码是一个基本的HTML页面，其中包含头部、导航、主体内容和页脚。在主体内容中，使用了<section>标签来分别描述三个景区。每个景区的标题使用了<h2>标签，景区介绍使用了<p>标签，景区图片使用了<img>标签，并包含了一个图片源。在导航中使用了锚点链接，可以直接跳转到指定的景区介绍。在头部和页脚中使用了<header>和<footer>标签，分别用于显示网页的标题和版权声明。

上一篇 python3 邮箱
下一篇 jquery 以开始