En esta página

Qué es HTML?

12 min lectura TextoCap. 1 — Fundamentos de HTML

Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje estandar para crear páginas web. No es un lenguaje de programación, sino un lenguaje de marcado que define la estructura y el contenido de una página web.

Cada página web que visitas esta construida con HTML como base. Es el esqueleto sobre el cual se aplican los estilos (CSS) y la interactividad (JavaScript).

Por qué aprender HTML?

HTML es el primer paso obligatorio para cualquier persona que quiera dedicarse al desarrollo web. Sin importar si tu objetivo es:

  • Crear sitios web
  • Desarrollar aplicaciones web
  • Trabajar en marketing digital
  • Disenar interfaces de usuario

Necesitaras entender HTML.

El rol de HTML en el desarrollo web

Tecnologia Función Analogia
HTML Estructura El esqueleto de un edificio
CSS Presentación La pintura y decoracion
JavaScript Comportamiento La electricidad y plomeria

Cómo funciona HTML?

HTML utiliza etiquetas (tags) para marcar diferentes tipos de contenido. Las etiquetas usualmente vienen en pares: una etiqueta de apertura y una de cierre.

<p>Este es un párrafo</p>

Importante: El navegador lee el HTML de arriba hacia abajo y renderiza los elementos en el orden en que aparecen. Esto se llama el flujo normal del documento.

Anatomia de un elemento HTML

Un elemento HTML tipico tiene:

  1. Etiqueta de apertura: <p>
  2. Contenido: El texto o elementos internos
  3. Etiqueta de cierre: </p>

Algunos elementos son auto-cerrantes (void elements) como <br>, <img> y <input>.

Tu primer documento HTML

Todo documento HTML sigue una estructura básica:

  • <!DOCTYPE html> — Declara que es un documento HTML5
  • <html> — El elemento raiz
  • <head> — Metadatos (título, charset, viewport)
  • <body> — El contenido visible

Práctica

  1. Crea tu primer archivo HTML: Abre un editor de texto, escribe un documento HTML mínimo con <!DOCTYPE html>, <html>, <head>, <title> y <body>, y ábrelo en tu navegador.
  2. Experimenta con etiquetas: Dentro del <body>, agrega un encabezado <h1>, un párrafo <p> y una lista <ul> con tres elementos <li>. Observa como el navegador los renderiza.

En la siguiente leccion aprenderemos la estructura completa de un documento HTML y cada una de sus partes.

Sabías que?
HTML fue creado por Tim Berners-Lee en 1991. Desde entonces ha evolucionado hasta HTML5, la versión actual que incluye soporte para multimedia, graficos y APIs avanzadas.
Requisitos previos
No necesitas conocimientos previos de programación. Solo un editor de texto (recomendamos VS Code) y un navegador web moderno.
html
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mi primera página</title>
</head>
<body>
  <h1>Hola mundo!</h1>
  <p>Esta es mi primera página web.</p>
</body>
</html>