HTML: Lenguaje de etiquetas de hipertexto
HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language) es el
componente más básico de la Web. Define el significado y la estructura del contenido web.
Además de HTML, generalmente se utilizan otras tecnologías para describir la
apariencia/presentación de una página web (CSS) o la funcionalidad/comportamiento
(JavaScript).
"Hipertexto" hace referencia a los enlaces que conectan páginas web entre sí, ya sea
dentro de un único sitio web o entre sitios web. Los enlaces son un aspecto fundamental
de la Web. Al subir contenido a Internet y vincularlo a las páginas creadas por otras
personas, te conviertes en un participante activo en la «World Wide Web» (Red
Informática Mundial).
HTML utiliza "marcas" para etiquetar texto, imágenes y otro contenido para mostrarlo en
un navegador Web. Las marcas HTML incluyen "elementos" especiales
como <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span
>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <p
rogress>, <video>, <ul>, <ol>, <li> y muchos otros.
Un elemento HTML se distingue de otro texto en un documento mediante "etiquetas", que
consisten en el nombre del elemento rodeado por "<" y ">". El nombre de un elemento
dentro de una etiqueta no distingue entre mayúsculas y minúsculas. Es decir, se puede
escribir en mayúsculas, minúsculas o una mezcla. Por ejemplo, la etiqueta <title> se puede
escribir como <Title>, <TITLE> o de cualquier otra forma.
Los siguientes artículos pueden ayudarte a obtener más información sobre HTML.
In this article
Recursos clave
Tutoriales para principiantes
Temas avanzados
Referencias
Temas relacionados
Secure software, fasterOne platform to collaborate and see everything from planning to
[Link] today
Ad
Recursos clave
Introducción a HTML
Si eres nuevo en el desarrollo Web, asegúrate de leer el artículo Conceptos básicos de
HTML para aprender qué es HTML y cómo usarlo.
Tutoriales HTML
Para ver artículos sobre cómo usar HTML, así como tutoriales y ejemplos completos,
consulte el Área de aprendizaje de HTML.
Referencia HTML
En nuestra extensa sección referencia HTML encontrarás los detalles sobre cada elemento
y atributo en HTML.
¿Quieres transformarte en un desarrollador de la interfaz de usuario web?
Hemos elaborado un curso que incluye toda la información esencial que necesitas para
trabajar hacia tu objetivo.
Empieza aquí
Tutoriales para principiantes
El Área de aprendizaje de HTML incluye varios módulos que enseñan HTML desde cero, sin
necesidad de conocimientos previos.
Introducción a HTML
Este módulo prepara el escenario para que te acostumbres a conceptos y sintaxis
importantes, tal como la aplicación de HTML al texto, cómo crear hipervínculos y cómo
utilizar HTML para estructurar una página web.
Multimedia e inserción
Este módulo explora cómo usar HTML para incluir multimedia en tus páginas web,
incluidas las diferentes formas en que se pueden incluir imágenes y cómo insertar video,
audio e incluso otras páginas web completas.
tablas HTML
Representar datos tabulares en una página web de una manera comprensible y accesible
puede ser un desafío. Este módulo cubre el marcado básico de tablas, junto con
características más complejas como la implementación de subtítulos y resúmenes.
Formularios HTML
Los formularios son una parte muy importante de la Web — proporcionan gran parte de la
funcionalidad que necesitas para interactuar con sitios web, p. ej. registrarte e iniciar
sesión, enviar comentarios, comprar productos y más. Este módulo te ayuda a comenzar a
crear las partes de formularios del lado del cliente/Interfaz de usuario.
Utilizar HTML para resolver problemas comunes
Proporciona enlaces a secciones de contenido que explican cómo usar HTML para resolver
muchos problemas comunes al crear una página web: tratar con títulos, agregar imágenes
o videos, enfatizar el contenido, crear un formulario básico, etc.
Temas avanzados
Imagen compatible con CORS
El atributo crossorigin, en combinación con un encabezado CORS apropiado, permite
imágenes definidas por el elemento <img> que se cargarán desde orígenes externos y se
utilizarán en un elemento <canvas> como si se estuvieran cargando desde el origen actual.
Atributos de configuración de CORS
Algunos elementos HTML que brindan soporte para CORS, como <img> o <video>, tienen
un atributo crossorigin (propiedad crossOrigin), que te permite configurar las solicitudes
CORS para los datos extraídos del elemento.
Precarga de contenido con rel='preload'
El valor de preload del atributo <link> del elemento rel te permite escribir solicitudes de
recuperación declarativas en tu HTML <head>, que especifican los recursos que tus
páginas necesitarán muy pronto después de la carga, que por lo tanto deseas comenzar a
precargar al principio del ciclo de vida de la carga de una página, antes de la
representación principal del navegador la maquinaria entra en acción. Esto asegura que
estén disponibles antes y es menos probable que bloqueen el primer procesamiento de la
página, lo que lleva a mejoras de rendimiento. Este artículo proporciona una guía básica
sobre cómo funciona preload.
Referencias
Referencia HTML
HTML consta de elementos, cada uno de los cuales se puede modificar por medio de
algunos atributos. Los documentos HTML están conectados entre sí mediante enlaces.
Referencia del elemento HTML
Examina una lista de todos los elementos HTML.
Referencia de atributos HTML
Los elementos en HTML tienen atributos. Se trata de valores adicionales que configuran
los elementos o ajustan su comportamiento de diversas formas.
Atributos globales
Los atributos globales se pueden especificar en todos los elementos HTML, incluso
aquellos no especificados en el estándar. Esto significa que cualquier elemento no
estándar debe permitir esos atributos, aunque esos elementos hagan que el documento
no sea compatible con HTML5.
Elementos en línea y Elementos a nivel de bloque
Los elementos HTML suelen ser elementos "en línea" o "a nivel de bloque". Un elemento
en línea ocupa solo el espacio delimitado por las etiquetas que lo definen. Un elemento a
nivel de bloque ocupa todo el espacio de su elemento padre (contenedor), creando así un
"bloque".
Tipos de enlaces
En HTML, se pueden usar varios tipos de enlaces para establecer y definir la relación entre
dos documentos. Los elementos de enlace en los que se pueden configurar tipos
incluyen <a>, <area> y <link>.
Guía de tipos y formatos de medios en la web
Los elementos <audio> y <video> te permiten reproducir audio y video de forma nativa
dentro de tu contenido sin la necesidad de soporte de software externo.
Categorías de contenido HTML
HTML se compone de varios tipos de contenido, cada uno de los cuales se puede usar en
ciertos contextos y no está permitido en otros. De manera similar, cada uno tiene un
conjunto de otras categorías de contenido que pueden recibir y elementos que pueden o
no se pueden usar en ellos. Esta es una guía para estas categorías.
Modo Quirks y modo estándar
Información histórica sobre el modo peculiar («Quirks» en inglés) y el modo estándar.
Temas relacionados
Aplicando color a elementos HTML mediante CSS
Este artículo cubre la mayoría de las formas en que usas CSS para agregar color al
contenido HTML, enumerando qué partes de los documentos HTML se pueden colorear y
qué propiedades CSS usar al hacerlo. Incluye ejemplos, enlaces a herramientas de creación
de paletas de colores y más.