¿Qué es HTML?

HyperText Markup Language es el lenguaje estándar para crear páginas web. Define la estructura y el significado del contenido digital.

Creado por Tim Berners-Lee en 1991
Versión actual: HTML5 (2014)
No es un lenguaje de programación, es de marcado
Base de toda página web en el mundo

02 / 06

Estructura básica

Todo documento HTML parte de una estructura estándar que el navegador interpreta para renderizar la página.

          <!DOCTYPE html>

          <html lang="es">

            <head>

              <title>Mi página</title>

            </head>

            <body>

              <h1>¡Hola mundo!</h1>

            </body>

          </html>

03 / 06

Etiquetas principales

Las etiquetas (tags) son los bloques de construcción de HTML. Cada una tiene un propósito semántico específico.

<h1> – <h6> · Títulos y subtítulos
<p> · Párrafos de texto
<a> · Hipervínculos
<img> · Imágenes
<div> / <span> · Contenedores
<ul> / <ol> / <li> · Listas

04 / 06

Formularios & inputs

Los formularios permiten recolectar datos del usuario e interactuar con servidores o scripts.

          <form>

            <label>Nombre:</label>

            <input type="text" name="nombre">

            <input type="submit" value="Enviar">

          </form>

Tipos: text, email, password, checkbox, radio…
Validación nativa con atributos HTML5

05 / 06

<semántica>

HTML semántico

Las etiquetas semánticas describen el significado del contenido, mejorando accesibilidad y SEO.

<header> · Encabezado del sitio
<nav> · Barra de navegación
<main> · Contenido principal
<article> · Artículo independiente
<section> · Sección temática
<footer> · Pie de página

06 / 06

</fin>

HTML + CSS + JS

HTML es solo el comienzo. Combinado con CSS para estilos y JavaScript para interactividad, conforman la triada fundamental del desarrollo web.

HTML · Estructura y contenido
CSS · Diseño visual y layout
JavaScript · Lógica e interactividad
¡Juntos crean experiencias como esta!