Volver
Ctrl+Space
◑
Copiar
Descargar
Restaurar
Ejecutar
Ctrl+Enter
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mi Blog Personal</title> <style> body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f5f5f5; } header { background-color: #333; color: white; padding: 20px; border-radius: 5px; } nav { margin: 20px 0; } nav a { margin-right: 15px; color: #333; text-decoration: none; } article { background-color: white; padding: 20px; margin: 20px 0; border-radius: 5px; } footer { text-align: center; padding: 20px; color: #666; } </style> </head> <body> <header> <h1>Mi Blog Personal</h1> <p>Bienvenido a mi espacio en la web</p> </header> <nav> <a href="#inicio">Inicio</a> <a href="#articulos">Artículos</a> <a href="#contacto">Contacto</a> </nav> <main> <article> <h2>Primer Artículo</h2> <p><em>Publicado el 26 de febrero de 2026</em></p> <p>Este es mi primer artículo en el blog. Estoy aprendiendo HTML y me encanta.</p> <p><strong>HTML es genial</strong> porque es fácil de aprender y muy poderoso.</p> </article> <article> <h2>Segundo Artículo</h2> <p><em>Publicado el 27 de febrero de 2026</em></p> <p>Ya domino lo básico de HTML. Ahora voy a aprender CSS para darle estilo.</p> <ul> <li>HTML para estructura</li> <li>CSS para diseño</li> <li>JavaScript para interactividad</li> </ul> </article> </main> <footer> <p>© 2026 Mi Blog. Todos los derechos reservados.</p> </footer> </body> </html>