前端尝试

    <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>space exploration</title><link rel="stylesheet" href="styles.css"><header class="space-background"><h1>welcome to space exploration</h1>
        <nav><ul>
<li><a href="#home">home</a></li>
                <li><a href="#about">about</a></li>
                <li><a href="#history">history</a></li>
                <li><a href="#current-missions">current missions</a></li>
                <li><a href="#future-missions">future missions</a></li>
                <li><a href="#questionnaire">questionnaire</a></li>
                <li><a href="#contact">contact</a></li>
            </ul></nav></header><main class="space-background"><section id="home"><h2>home</h2>
            <p>discover the wonders of the universe and our journey into space.</p>
        </section><section id="about"><h2>about</h2>
            <p>learn about the history and future of space exploration.</p>
        </section><section id="history"><h2>history of space exploration</h2>
            <h3>1. early concepts (pre-20th century)</h3>
            <p><strong>ancient civilizations:</strong> ancient cultures like the babylonians, egyptians, greeks, and chinese were among the first to study the stars and celestial objects, laying the foundation for astronomy.</p>
            <p><strong>17th century:</strong> johannes kepler’s laws of planetary motion and isaac newton’s law of universal gravitation provided the necessary understanding for future space travel concepts.</p>
            <h3>2. early 20th century</h3>
            <p><strong>tsiolkovsky's rocket equation (1903):</strong> russian scientist konstantin tsiolkovsky proposed the idea of space travel using rockets and formulated the tsiolkovsky rocket equation, a fundamental principle in astronautics.</p>
            <p><strong>robert goddard (1926):</strong> an american physicist, robert goddard, successfully launched the world's first liquid-fueled rocket, proving that space travel was possible.</p>
            <h3>3. the space race (1950s-1970s)</h3>
            <p><strong>sputnik 1 (1957):</strong> the soviet union launched the first artificial satellite, sputnik 1, into space, marking the beginning of the space age.</p>
            <p><strong>yuri gagarin (1961):</strong> soviet cosmonaut yuri gagarin became the first human to orbit earth aboard vostok 1, a major milestone in space exploration.</p>
            <p><strong>apollo 11 (1969):</strong> the united states' nasa successfully landed astronauts neil armstrong and buzz aldrin on the moon, with armstrong famously declaring, "that's one small step for man, one giant leap for mankind."</p>
            <h3>4. post-moon landings and the space shuttle era (1970s-1990s)</h3>
            <p><strong>space stations:</strong></p>
            <ul>
<li>
<strong>salyut and mir (1971-1986):</strong> the soviet union launched a series of space stations, culminating in the long-lasting mir, which operated until 2001.</li>
                <li>
<strong>skylab (1973):</strong> the united states launched its first space station, skylab, which was operational for six years.</li>
            </ul>
<p><strong>space shuttle program (1981-2011):</strong> nasa’s reusable space shuttle fleet completed 135 missions over 30 years, including launching satellites, conducting scientific research, and assembling the international space station (iss).</p>
            <h3>5. international cooperation and space exploration (1990s-present)</h3>
            <p><strong>international space station (iss) (1998-present):</strong> a joint effort by nasa, roscosmos (russia), esa (europe), jaxa (japan), and other partners, the iss serves as a hub for scientific research and international collaboration in low earth orbit.</p>
            <p><strong>mars exploration:</strong></p>
            <ul>
<li>
<strong>rovers and orbiters:</strong> the mars rovers like spirit, opportunity, curiosity, and perseverance have provided detailed information about the martian surface and its potential to support life.</li>
                <li>
<strong>exomars (2020):</strong> a european-russian mission designed to search for signs of life on mars.</li>
            </ul>
<h3>6. private space exploration and the future (2000s-present)</h3>
            <p><strong>commercial spaceflight:</strong> companies like spacex, blue origin, and virgin galactic are pioneering commercial space travel, aiming to make space more accessible to private individuals and researchers.</p>
        </section><section id="current-missions"><h2>current missions</h2>
            <p>explore the ongoing missions that are expanding our understanding of the universe.</p>
        </section><section id="future-missions"><h2>future missions</h2>
            <p>learn about the upcoming missions that aim to push the boundaries of space exploration.</p>
        </section><section id="questionnaire"><h2>questionnaire</h2>
            <form>
                <label for="name">name:</label>
                <input type="text" id="name" name="name" required><br><br><label for="email">email:</label>
                <input type="email" id="email" name="email" required><br><br><label for="question1">1. what is your favorite planet?</label><br><input type="text" id="question1" name="question1" required><br><br><label for="question2">2. have you ever visited a space museum?</label><br><input type="radio" id="yes" name="question2" value="yes"><label for="yes">yes</label><br><input type="radio" id="no" name="question2" value="no"><label for="no">no</label><br><br><label for="question3">3. what interests you the most about space exploration?</label><br><textarea id="question3" name="question3" rows="4" cols="50" required></textarea><br><br><input type="submit" value="submit">
</form>
        </section><section id="contact"><h2>contact</h2>
            <p>get in touch with us for more information about space exploration.</p>
        </section></main><footer class="space-background"><p>© 2024 space exploration. all rights reserved.</p>
    </footer>

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #000;
    color: #fff;
}

.space-background {
    background: rgba(null, 0, 0, 0.8) url('https://www.nasa.gov/sites/default/files/thumbnails/image/potw2048a.jpg') no-repeat center center;
    background-size: cover;
}

header {
    padding: 1rem 0;
    text-align: center;
}

header h1 {
    margin-bottom: 0.5rem;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 0 10px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

main {
    padding: 2rem;
}

section {
    margin-bottom: 2rem;
}

form {
    background: rgba(null, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 5px;
}

form label {
    display: block;
    margin-bottom: 0.5rem;
}

form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: none;
    border-radius: 5px;
}

form input[type="submit"] {
    background: #333;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    cursor: pointer;
}

form input[type="submit"]:hover {
    background: #555;
}

footer {
    text-align: center;
    padding: 1rem 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}