Páginas web: estructura y estilo — Informática, 7–10
Una página web tiene contenido e instrucciones sobre cómo debe verse. HTML le da estructura; CSS cambia su aspecto.
Idea
Piensa en una página web como un pequeño documento preparado para un navegador. HTML dice qué es cada parte, como un título, un párrafo, una imagen o un enlace. CSS dice cómo deben verse esas partes, por ejemplo su color, tamaño y espacio. Las dos tareas colaboran, pero no son iguales.
Por qué existe
Una página necesita una estructura clara para que un navegador, un lector de pantalla y una persona entiendan sus partes. También necesita una forma separada de cambiar su aspecto sin reescribir cada frase. Separar estructura y estilo hace que las páginas sean más fáciles de actualizar, compartir y adaptar a distintas pantallas.
Ejemplo resuelto
Supón que quieres una página sobre tu gato. Paso 1: coloca las palabras «Mi gato Luna» en un título HTML. Paso 2: añade un párrafo que diga «Luna duerme al sol». Paso 3: añade una imagen y un enlace. Paso 4: usa CSS para poner el título azul oscuro y hacer más grande el párrafo. El contenido no cambió; solo cambió su presentación.
Un error frecuente
Un error razonable es usar muchos espacios o líneas vacías repetidas para empujar algo al lugar correcto. Puede verse bien en tu pantalla, pero otra puede tener una anchura distinta y todo se desplaza. Las reglas de diseño de CSS son mejores porque describen la relación entre las partes, en vez de esconder el problema con espacios.
Fuera de la escuela
Cada vez que lees una página de noticias, una receta, una tienda o un sitio de un club, un navegador organiza contenido estructurado y le aplica un estilo para tu pantalla. Puedes usar las mismas ideas para crear una página sobre una afición, un proyecto de clase o un evento local. Una buena estructura también ayuda a quienes usan tecnología de apoyo.
Sigue explorando
Otros idiomas
Cargando MyLeoNes™…