Contenido del curso
🌐Resumen – Semana 1: Introducción al Desarrollo Web y HTML Básico
Resumen – Semana 1: Introducción al Desarrollo Web y HTML Básico En esta primera semana, te familiarizarás con los conceptos fundamentales del desarrollo web. Aprenderás qué es la web, cómo funciona un sitio web y cuáles son las tecnologías básicas que la componen. Además, comenzarás a trabajar con HTML, el lenguaje de marcado que estructura las páginas web. Verás cómo crear una página web simple utilizando etiquetas HTML básicas como encabezados, párrafos, listas, enlaces e imágenes. También entenderás la importancia de la semántica en HTML para construir páginas accesibles y bien organizadas. Al finalizar esta semana, habrás creado tu primera página web estática y estarás listo para avanzar hacia el diseño con CSS en la siguiente etapa del curso.
0/1
💻Lección: Introducción al Desarrollo Web y HTML Básico
Curso de desarrollo web

1. ¿Qué es el Desarrollo Web?

El desarrollo web es el proceso de crear sitios y aplicaciones que funcionan en internet o en una intranet. Se compone principalmente de tres tecnologías:

  • HTML (HyperText Markup Language): estructura el contenido de la página.

  • CSS (Cascading Style Sheets): da estilo y diseño a la página.

  • JavaScript: agrega interactividad y funcionalidades dinámicas.

2. Cómo funciona la web

Cuando ingresas una dirección en tu navegador, este solicita al servidor web la página solicitada. El servidor envía los archivos HTML, CSS y JavaScript, que el navegador interpreta y muestra al usuario.

3. Primeros pasos con HTML

HTML utiliza “etiquetas” para definir diferentes partes de la página web. Algunas etiquetas básicas:

  • <html>: define el inicio de un documento HTML.

  • <head>: contiene información meta y título.

  • <body>: contiene el contenido visible de la página.

  • <h1> a <h6>: encabezados de diferentes niveles.

  • <p>: párrafos.

  • <a href="url">: enlaces.

  • <img src="imagen.jpg" alt="Descripción">: imágenes.

4. Ejemplo básico de página HTML

html
<!DOCTYPE html>
<html>
<head>
<title>Mi primera página web</title>
</head>
<body>
<h1>¡Bienvenido a mi sitio web!</h1>
<p>Esta es mi primera página creada con HTML.</p>
<a href="https://www.ejemplo.com">Visita este enlace</a>
<img src="imagen.jpg" alt="Descripción de la imagen">
</body>
</html>

5. Actividad práctica

Crea un archivo nuevo con extensión .html en tu editor de código. Copia y pega el ejemplo anterior y guárdalo. Luego, ábrelo en tu navegador para ver cómo se muestra tu primera página web.