Estructura básica
Crea una página HTML básica. Incluye las etiquetas necesarias (<html>, <head>, <body>).
Secciones identificadas
Dentro del <body>, crea tres secciones principales:
headerconid="header"mainconid="content"footerconid="footer
Encabezado y ContenidoEn el header, incluye un título <h1> con el texto "Bienvenidos al Trabajo Práctico".
En main, crea una lista <ul> con id="topics" con tres temas a eleccion.
Pie de página
En el footer, agrega un <p> con un texto.
Ejercicio 2: Estilizado con CSS y id
Estilos básicos
En el<head>, incluye una etiqueta<style>y aplica estilos a cada sección usando suid:header: Fondo de color claro y texto centrado.content: Color de fondo suave y un borde alrededor.footer: Texto en cursiva y fondo de color más oscuro.
Estilo de lista
Usa elid="topics"para dar un estilo específico a los elementos de la lista (ej., color de texto, márgenes o viñetas personalizadas).Ejercicio 3: Referencia y Navegación con
idCrear una barra de navegación
Añade alheaderuna barra de navegación con tres enlaces (<a>) para navegar entre secciones dentro de la misma página:- Enlace al
header(usahref="#header") - Enlace al
content(href="#content") - Enlace al
footer(href="#footer")
- Enlace al
Efecto de desplazamiento
Opcional: Usa CSS para añadir un efecto visual (por ejemplo, color o subrayado) cuando los enlaces de la barra de navegación se desplazan hacia sus respectivas secciones.
No hay comentarios:
Publicar un comentario