Está en la página 1de 6

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>, <progres
s>, <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.

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


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 (en-
US) 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 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 (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
Aplicación de color a elementos HTML mediante CSS (en-US)
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.

Last modified: 3 ago 2021, by MDN contributors

Change your languageSelect your preferred language Change


language
Related Topics

1. HTML
2. Tutorials:
3. HTML basics
4. Introduction to HTML
5. Multimedia and embedding
6. References:
7. HTML elements
8. Global attributes
9. <input> types
10. Documentation:
11. Useful lists
12. Contribute
 Web Technologies
 Learn Web Development
 About MDN
 Feedback
 About
 MDN Web Docs Store
 Contact Us
 Firefox

MDN

 MDN on Twitter
 MDN on Github

Mozilla

 Mozilla on Twitter
 Mozilla on Instagram

© 2005-2021 Mozilla and individual contributors. Content is available under these


licenses.

 Terms
 Privacy
 Cookies

También podría gustarte