MyLeoNes™

Cómo se construye una página web — Tecnología, 11–13 años

Una página web no es solo una imagen en internet. HTML describe su estructura y significado, mientras CSS controla cómo aparece esa estructura en la pantalla.

La idea

HTML coloca las partes de la página en un orden con significado: un título, un párrafo, una lista o un enlace. CSS añade decisiones visuales como color, espacio y tamaño. El navegador lee ambos y dibuja la página, en vez de recibir una imagen enorme.

Por qué se necesitaba

Una página hecha solo de imágenes sería difícil de buscar, cambiar o leer en voz alta con software de apoyo. Los primeros creadores de la web necesitaban una forma común de describir documentos para que distintos navegadores los mostraran. Separar significado y aspecto también permite reutilizar una página en muchas pantallas.

Un ejemplo paso a paso

Para crear una página pequeña, escribe el título «Nuestro huerto» y después «Plantamos seis judías». Marca el primero como título y el segundo como párrafo en HTML. Añade CSS para poner el título verde y organizar el texto de forma legible; el navegador combina esas instrucciones.

El error común

A menudo se piensa que HTML y CSS son dos formas rivales de diseñar una página. Es comprensible, porque ambos pueden aparecer en el mismo archivo o cambiar lo que vemos. Sus trabajos son distintos: HTML dice qué es cada parte y CSS dice cómo debe verse.

Dónde se utiliza

Las noticias, las páginas escolares, las tiendas en línea y los formularios se construyen con contenido web estructurado. La misma página puede reorganizarse para un móvil, una tableta o un monitor grande. Los buscadores y lectores de pantalla también pueden usar la estructura, no solo la decoración visible.

Sigue explorando

Otros idiomas

Cargando MyLeoNes™…