Copiarlo en su cuaderno y luego realizarlo en el block de notas.
Grabarlo como CSS y su nombre 2
<html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Página de Práctica CSS</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>Bienvenido a mi Página de Práctica CSS</h1> <nav> <ul> <li><a href="#inicio">Inicio</a></li> <li><a href="#sobre-mi">Sobre mí</a></li> <li><a href="#contacto">Contacto</a></li> </ul> </nav> </header> <main> <section id="inicio"> <h2>Inicio</h2> <p>Este es un párrafo de introducción. Aquí puedes escribir algo sobre el propósito de esta página.</p> <button>Haz clic aquí</button> </section> <section id="sobre-mi"> <h2>Sobre mí</h2> <p>En esta sección puedes escribir algo sobre ti.</p> </section> <section id="contacto"> <h2>Contacto</h2> <form> <label for="nombre">Nombre:</label> <input type="text" id="nombre" name="nombre"> <label for="email">Email:</label> <input type="email" id="email" name="email"> <button type="submit">Enviar</button> </form> </section> </main> <footer> <p>© 2024 Mi Página Web</p> </footer> </body> </html>
No hay comentarios:
Publicar un comentario