Está en la página 1de 4

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. Definir 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>, <a
side>, <audio>, <canvas>, <datalist>, <details>, <embed>, (en-US) , , , , , y muchos
otros <nav>.<output> <progress><video><ul><ol><li>

Un elemento HTML se distingue de otro texto en un documento mediante "etiquetas", que consiste 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 ayudarle a obtener más información sobre HTML.

Clave de recursos

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á 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, incluyendo 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 (es)

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 (en-US)

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' (en-US)

El valor preloaddel atributo <link>del elemento relte 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 (en-US)

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 (es)

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.

¿Encontraste un problema de contenido con esta página?

Edite la página en GitHub .

Informar el problema de contenido .

Ver la fuente en GitHub .

¿Quieres conseguir más implicado? Aprenda cómo contribuir .

Esta página fue modificada por última vez el 24 de julio de 2023por colaboradores de MDN .

También podría gustarte