🎯 Qué aprenderás en esta lección

En esta lección aprenderás:

• los componentes básicos de un sitio web
• qué hacen HTML, CSS y las imágenes
• cómo los navegadores construyen páginas web a partir de diferentes archivos
• por qué los sitios web están formados por varios elementos

Al final de esta lección, entenderás los bloques básicos que forman los sitios web.

🌐 Un sitio web no es solo un archivo

Cuando abres una página web, puede parecer una página simple.

Pero en realidad, un sitio web está construido con muchos archivos diferentes que trabajan juntos.

Estos archivos le indican al navegador:

• qué contenido mostrar
• cómo debe verse la página
• qué imágenes mostrar

El navegador combina todas estas partes para crear la página web que ves.

🧱 Las partes principales de un sitio web

La mayoría de los sitios web se construyen utilizando tres elementos principales.

Estos son los bloques básicos de la web.

🧾 HTML – La estructura

HTML significa HyperText Markup Language.

Define la estructura de la página web.

HTML le dice al navegador cosas como:

• dónde está el título
• dónde van los párrafos
• dónde aparecen las imágenes
• dónde se colocan los enlaces

Puedes pensar en HTML como el esqueleto de la página.

🎨 CSS – El diseño

CSS significa Cascading Style Sheets.

Controla cómo se ve la página.

CSS define cosas como:

• colores
• tipografías
• espaciado
• diseño de la página

Sin CSS, las páginas web se verían muy simples y básicas.

🖼 Imágenes y multimedia – El contenido

Los sitios web suelen incluir elementos multimedia como:

• imágenes
• iconos
• videos

Estos elementos hacen que los sitios web sean más informativos y visualmente atractivos.

Se almacenan como archivos separados y el navegador los carga cuando abre la página.

🖥 Cómo el navegador construye la página

Cuando abres un sitio web:

1️⃣ El navegador descarga el archivo HTML
2️⃣ Carga los estilos CSS
3️⃣ Carga imágenes y contenido multimedia
4️⃣ Combina todo para crear la página final

Todo esto sucede muy rápidamente.

🧠 Idea importante

Una página web no es un solo archivo.

Es una colección de archivos que trabajan juntos.

El navegador lee esos archivos y construye la página en tu pantalla.

🛠 Reflexión práctica

Piensa en una página web que hayas visitado recientemente.

Esa página probablemente incluye:

• texto
• imágenes
• botones
• enlaces
• menús

Todos estos elementos se crean utilizando HTML, CSS y archivos multimedia.

✅ Resumen de la lección

Hoy aprendiste:

• Los sitios web se construyen con varios archivos
• HTML crea la estructura de la página
• CSS controla el diseño y el layout
• Las imágenes y el contenido multimedia añaden contenido visual

Estos elementos trabajan juntos para crear las páginas web que ves todos los días.