Build a Travel Agency Page - 构建一个旅行社页面

Chinese 中文 HTML-CSS
1

告诉我们发生了什么：

  1. 每个 figure 元素应包含一个锚元素作为其第一个子元素。
    失败:26. 每个 figure 元素应包含一个 figcaption 元素作为其第一个子元素。
    这两个条件同时存在，代码该怎么写

到目前为止你的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Travel Agency Page</title>
    <meta charset="utf-8">
    <meta name="description" content="新疆之旅，探索天山、喀纳斯湖与吐鲁番火焰山。体验浓郁民族风情与地道美食，开启难忘的西域奇遇">    
</head>
<body>
    <h1>新疆之旅</h1>
    <p>新疆之旅，探索壮丽的天山、神秘的喀纳斯湖与热情的吐鲁番火焰山。体验浓郁的民族风情与地道美食，开启一段难忘的西域奇遇。</p>
    
    <h2>Packages</h2>
    <p>去新疆旅游，方式非常多样。得益于近年来交通网络的快速发展，新疆已形成了"乘着飞机、坐着火车、开着汽车"三位一体的立体旅行体系。</p>
    
    <ul>
        <!-- 修正：href 必须是网址，必须加 target="_blank" -->
        <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
        <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>    
    </ul>
    
    <h2>Top Itineraries</h2>

    <!-- 修正：figcaption 必须是第一个子元素 -->
    <figure>
      <figcaption>🚀 1. 飞机：最快捷的"点对点"穿梭</figcaption>
      </figure>
    <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
            <img src="photo.jpg" alt="飞机旅行">
        </a>
    </figure>

    <figure>
     <figcaption>🚆 2. 火车：高性价比的"移动风景线"</figcaption>
      </figure>
    <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
            <img src="photo.jpg" alt="火车旅行">
        </a>
    </figure>

    <figure>
     <figcaption>🚗 3. 公路：最自由的"探索者之选"</figcaption>
      </figure>
    <figure>
    <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
            <img src="photo.jpg" alt="公路旅行">
        </a>
    </figure>
</body>
</html>

你的浏览器信息：

用户代理是： Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36 Edg/146.0.0.0

挑战信息：

Build a Travel Agency Page - 构建一个旅行社页面

2

Welcome to the forum @1124629657!

That is an error in the Chinese test verbiage. The tests should say:

    1. Each figure element should contain an anchor element as its first child.
    1. Each figure element should contain a figcaption element as its second child.

Happy coding!