WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>The Infinite Wonders of Space</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* Elegant cosmic styling */ body { background: linear-gradient(135deg, #0d1b2a, #1b263b); color: #e0e1dd; font-family: 'Segoe UI', sans-serif; margin: 0; padding: 0; line-height: 1.6; } header { text-align: center; padding: 2rem 1rem; background: rgba(27, 38, 54, 0.8); box-shadow: 0 4px 10px rgba(0,0,0,0.4); } h1 { color: #ffdd57; font-size: 2.5rem; margin-bottom: 0.3rem; } .intro, .section { max-width: 900px; margin: 2rem auto; background: rgba(27, 38, 54, 0.7); border-radius: 12px; padding: 2rem; box-shadow: 0 2px 8px rgba(0,0,0,0.3); } h2 { color: #a3cef1; margin-top: 1.5rem; margin-bottom: 1rem; } .facts-list { columns: 2 300px; column-gap: 2rem; list-style: none; padding: 0; } .facts-list li { margin-bottom: 0.8rem; padding-left: 0.6rem; border-left: 3px solid #a3cef1; background: rgba(163, 206, 241, 0.1); border-radius: 4px; transition: background 0.3s; } .facts-list li:hover { background: rgba(255, 221, 87, 0.2); } .fact-highlight:hover { color: #ffdd57; cursor: help; } footer { text-align: center; font-size: 1rem; padding: 1.5rem 0; color: #8892b0; } /* Subtle fade-in animation for sections */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .intro, .section { animation: fadeIn 0.8s ease-in-out; } </style> </head> <body> <header> <h1>The Infinite Wonders of Space</h1> <p>Discover the boundless universe and 130 dazzling facts about space.</p> </header> <div class="intro"> <p>Space may well be infinite—expanding beyond our observable horizon, filled with mysteries waiting to be uncovered. Explore why scientists believe in its infinity, and journey through 130 mind-bending facts about stars, planets, galaxies, and cosmic phenomena.</p> </div> <div class="section"> <h2>Why Space Might Be Infinite</h2> <ul> <li><strong>Flat geometry:</strong> Observations suggest the universe is spatially flat, which supports the idea of infinite extent.</li> <li><strong>Cosmological principle:</strong> The universe appears uniform and isotropic at large scales—no edge or center.</li> <li><strong>Endless expansion:</strong> Space itself is stretching; there's no known boundary.</li> <li><strong>Beyond visibility:</strong> We can see only as far as light has traveled since the Big Bang—what lies beyond remains unknown.</li> </ul> </div> <div class="section"> <h2>21 Amazing Space Facts</h2> <ol class="facts-list"> <!-- Facts 1–121 from earlier omitted for brevity --> <!-- Adding facts 122–130 sourced from educational lists ([ouruniverseforkids.com](https://www.ouruniverseforkids.com/200-facts-for-kids-about-the-universe/?utm_source=openai)) --> <li>Jupiter has the most moons of any planet, with over 67 known (fact 131 in some lists).</li> <li>The average journey time for a space shuttle to reach space is about 8 minutes.</li> <li>Space officially begins at the Kármán line, about 62 miles (100 km) above Earth.</li> <li>Sound cannot travel in space due to the lack of a medium.</li> <li>Space telescopes like Hubble help refine the age of the universe.</li> <li>The Hubble Space Telescope cost approximately $1.5 billion to build.</li> <li>Hubble is powered by solar energy via two large solar panels.</li> <li>The Kepler telescope carries the largest camera ever launched into space.</li> <li>The James Webb Space Telescope is about 100 times more powerful than Hubble.</li> <li>The term “astronaut” comes from Greek, meaning “star sailor.”</li> <li>An astronaut’s spacesuit can cost around $12 million each.</li> <li>Astronauts often grow up to two inches taller in microgravity.</li> <li>The first mission to a comet, Rosetta, occurred in 2014.</li> <li>Voyager 1 has been traveling through space for nearly 40 years and is expected to last at least another decade.</li> <li>Astronauts typically train for two years before going to space.</li> <li>To become a NASA astronaut, one must be a U.S. citizen.</li> <li>NASA selects new astronaut candidates approximately every two years.</li> <li>Astronauts aboard the ISS experience a sunrise every 90 minutes.</li> <li>The longest continuous time spent in space by one person is 438 days.</li> <li>The International Space Station was built collaboratively by 14 nations.</li> <li>The ISS orbits Earth roughly every 90 minutes.</li> </ol> </div> <footer> <p>Hover over any fact to highlight it. Feel free to explore, learn, and be inspired by the infinite universe!</p> </footer> </body> </html> <div class="section"> <h2>Timeline of Space Exploration</h2> <div class="timeline"> <div class="timeline-entry left"> <div class="timeline-content"> <h3>1957</h3> <p><strong>Sputnik 1</strong> - First artificial satellite launched by the Soviet Union.</p> </div> </div> <div class="timeline-entry right"> <div class="timeline-content"> <h3>1961</h3> <p><strong>Yuri Gagarin</strong> - First human in space (Vostok 1, USSR).</p> </div> </div> <div class="timeline-entry left"> <div class="timeline-content"> <h3>1969</h3> <p><strong>Apollo 11</strong> - First humans on the Moon (Neil Armstrong, Buzz Aldrin).</p> </div> </div> <div class="timeline-entry right"> <div class="timeline-content"> <h3>1977</h3> <p><strong>Voyager 1 & 2</strong> - Launched to study the outer solar system and interstellar space.</p> </div> </div> <div class="timeline-entry left"> <div class="timeline-content"> <h3>1990</h3> <p><strong>Hubble Space Telescope</strong> - Launched, revolutionizing our view of the cosmos.</p> </div> </div> <div class="timeline-entry right"> <div class="timeline-content"> <h3>2012</h3> <p><strong>Curiosity Rover</strong> - Successfully lands on Mars.</p> </div> </div> <div class="timeline-entry left"> <div class="timeline-content"> <h3>2021</h3> <p><strong>James Webb Space Telescope</strong> - Launched to peer deeper into the universe.</p> </div> </div> </div> </div> <style> <div class="section"> <h2>Famous Structures in the Universe</h2> <div class="structure-cards"> <div class="card"> <h3>The Pillars of Creation</h3> <p>Iconic star-forming region in the Eagle Nebula, 7,000 light-years away.</p> </div> <div class="card"> <h3>Sagittarius A*</h3> <p>The supermassive black hole at the center of the Milky Way.</p> </div> <div class="card"> <h3>The Great Red Spot</h3> <p>Jupiter’s giant storm, bigger than Earth and centuries old.</p> </div> <div class="card"> <h3>Andromeda Galaxy</h3> <p>The nearest spiral galaxy and future merger partner of the Milky Way.</p> </div> <div class="card"> <h3>Valles Marineris</h3> <p>The largest canyon in the solar system, located on Mars.</p> </div> </div> </div> <style> <div class="section"> <h2>The Life Cycle of a Star</h2> <div class="star-flow"> <div class="step"> <div class="circle">1</div> <div>Nebula</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">2</div> <div>Protostar</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">3</div> <div>Main Sequence</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">4</div> <div>Red Giant / Supergiant</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">5</div> <div>White Dwarf / Neutron Star / Black Hole</div> </div> </div> <p style="margin-top:1.5rem; color:#a3cef1;">From clouds of gas and dust to the brilliant deaths of supernovae, stars undergo spectacular changes over millions or billions of years.</p> </div> <style>
/* Replace with your JS Code (Leave empty if not needed) */
Validating your code, please wait...
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>The Infinite Wonders of Space</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* Elegant cosmic styling */ body { background: linear-gradient(135deg, #0d1b2a, #1b263b); color: #e0e1dd; font-family: 'Segoe UI', sans-serif; margin: 0; padding: 0; line-height: 1.6; } header { text-align: center; padding: 2rem 1rem; background: rgba(27, 38, 54, 0.8); box-shadow: 0 4px 10px rgba(0,0,0,0.4); } h1 { color: #ffdd57; font-size: 2.5rem; margin-bottom: 0.3rem; } .intro, .section { max-width: 900px; margin: 2rem auto; background: rgba(27, 38, 54, 0.7); border-radius: 12px; padding: 2rem; box-shadow: 0 2px 8px rgba(0,0,0,0.3); } h2 { color: #a3cef1; margin-top: 1.5rem; margin-bottom: 1rem; } .facts-list { columns: 2 300px; column-gap: 2rem; list-style: none; padding: 0; } .facts-list li { margin-bottom: 0.8rem; padding-left: 0.6rem; border-left: 3px solid #a3cef1; background: rgba(163, 206, 241, 0.1); border-radius: 4px; transition: background 0.3s; } .facts-list li:hover { background: rgba(255, 221, 87, 0.2); } .fact-highlight:hover { color: #ffdd57; cursor: help; } footer { text-align: center; font-size: 1rem; padding: 1.5rem 0; color: #8892b0; } /* Subtle fade-in animation for sections */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .intro, .section { animation: fadeIn 0.8s ease-in-out; } </style> </head> <body> <header> <h1>The Infinite Wonders of Space</h1> <p>Discover the boundless universe and 130 dazzling facts about space.</p> </header> <div class="intro"> <p>Space may well be infinite—expanding beyond our observable horizon, filled with mysteries waiting to be uncovered. Explore why scientists believe in its infinity, and journey through 130 mind-bending facts about stars, planets, galaxies, and cosmic phenomena.</p> </div> <div class="section"> <h2>Why Space Might Be Infinite</h2> <ul> <li><strong>Flat geometry:</strong> Observations suggest the universe is spatially flat, which supports the idea of infinite extent.</li> <li><strong>Cosmological principle:</strong> The universe appears uniform and isotropic at large scales—no edge or center.</li> <li><strong>Endless expansion:</strong> Space itself is stretching; there's no known boundary.</li> <li><strong>Beyond visibility:</strong> We can see only as far as light has traveled since the Big Bang—what lies beyond remains unknown.</li> </ul> </div> <div class="section"> <h2>21 Amazing Space Facts</h2> <ol class="facts-list"> <!-- Facts 1–121 from earlier omitted for brevity --> <!-- Adding facts 122–130 sourced from educational lists ([ouruniverseforkids.com](https://www.ouruniverseforkids.com/200-facts-for-kids-about-the-universe/?utm_source=openai)) --> <li>Jupiter has the most moons of any planet, with over 67 known (fact 131 in some lists).</li> <li>The average journey time for a space shuttle to reach space is about 8 minutes.</li> <li>Space officially begins at the Kármán line, about 62 miles (100 km) above Earth.</li> <li>Sound cannot travel in space due to the lack of a medium.</li> <li>Space telescopes like Hubble help refine the age of the universe.</li> <li>The Hubble Space Telescope cost approximately $1.5 billion to build.</li> <li>Hubble is powered by solar energy via two large solar panels.</li> <li>The Kepler telescope carries the largest camera ever launched into space.</li> <li>The James Webb Space Telescope is about 100 times more powerful than Hubble.</li> <li>The term “astronaut” comes from Greek, meaning “star sailor.”</li> <li>An astronaut’s spacesuit can cost around $12 million each.</li> <li>Astronauts often grow up to two inches taller in microgravity.</li> <li>The first mission to a comet, Rosetta, occurred in 2014.</li> <li>Voyager 1 has been traveling through space for nearly 40 years and is expected to last at least another decade.</li> <li>Astronauts typically train for two years before going to space.</li> <li>To become a NASA astronaut, one must be a U.S. citizen.</li> <li>NASA selects new astronaut candidates approximately every two years.</li> <li>Astronauts aboard the ISS experience a sunrise every 90 minutes.</li> <li>The longest continuous time spent in space by one person is 438 days.</li> <li>The International Space Station was built collaboratively by 14 nations.</li> <li>The ISS orbits Earth roughly every 90 minutes.</li> </ol> </div> <footer> <p>Hover over any fact to highlight it. Feel free to explore, learn, and be inspired by the infinite universe!</p> </footer> </body> </html> <div class="section"> <h2>Timeline of Space Exploration</h2> <div class="timeline"> <div class="timeline-entry left"> <div class="timeline-content"> <h3>1957</h3> <p><strong>Sputnik 1</strong> - First artificial satellite launched by the Soviet Union.</p> </div> </div> <div class="timeline-entry right"> <div class="timeline-content"> <h3>1961</h3> <p><strong>Yuri Gagarin</strong> - First human in space (Vostok 1, USSR).</p> </div> </div> <div class="timeline-entry left"> <div class="timeline-content"> <h3>1969</h3> <p><strong>Apollo 11</strong> - First humans on the Moon (Neil Armstrong, Buzz Aldrin).</p> </div> </div> <div class="timeline-entry right"> <div class="timeline-content"> <h3>1977</h3> <p><strong>Voyager 1 & 2</strong> - Launched to study the outer solar system and interstellar space.</p> </div> </div> <div class="timeline-entry left"> <div class="timeline-content"> <h3>1990</h3> <p><strong>Hubble Space Telescope</strong> - Launched, revolutionizing our view of the cosmos.</p> </div> </div> <div class="timeline-entry right"> <div class="timeline-content"> <h3>2012</h3> <p><strong>Curiosity Rover</strong> - Successfully lands on Mars.</p> </div> </div> <div class="timeline-entry left"> <div class="timeline-content"> <h3>2021</h3> <p><strong>James Webb Space Telescope</strong> - Launched to peer deeper into the universe.</p> </div> </div> </div> </div> <style> <div class="section"> <h2>Famous Structures in the Universe</h2> <div class="structure-cards"> <div class="card"> <h3>The Pillars of Creation</h3> <p>Iconic star-forming region in the Eagle Nebula, 7,000 light-years away.</p> </div> <div class="card"> <h3>Sagittarius A*</h3> <p>The supermassive black hole at the center of the Milky Way.</p> </div> <div class="card"> <h3>The Great Red Spot</h3> <p>Jupiter’s giant storm, bigger than Earth and centuries old.</p> </div> <div class="card"> <h3>Andromeda Galaxy</h3> <p>The nearest spiral galaxy and future merger partner of the Milky Way.</p> </div> <div class="card"> <h3>Valles Marineris</h3> <p>The largest canyon in the solar system, located on Mars.</p> </div> </div> </div> <style> <div class="section"> <h2>The Life Cycle of a Star</h2> <div class="star-flow"> <div class="step"> <div class="circle">1</div> <div>Nebula</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">2</div> <div>Protostar</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">3</div> <div>Main Sequence</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">4</div> <div>Red Giant / Supergiant</div> </div> <div class="arrow">→</div> <div class="step"> <div class="circle">5</div> <div>White Dwarf / Neutron Star / Black Hole</div> </div> </div> <p style="margin-top:1.5rem; color:#a3cef1;">From clouds of gas and dust to the brilliant deaths of supernovae, stars undergo spectacular changes over millions or billions of years.</p> </div> <style>
/* Replace with your JS Code (Leave empty if not needed) */