HTML, que significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language) es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web. Determina el contenido de la página web, pero no su funcionalidad.
HTML le da "valor añadido" a un texto estándar en español. Hiper Texto se refiere a enlaces que conectan una página Web con otra, haciendo de la Red Mundial (World Wide Web) lo que es hoy. Al crear y subir páginas Web a Internet, te haces participante activo de esta Red Mundial desde que tu sitio está en línea. HTML soporta imágenes y también otro tipo de elementos multimedia. Con la ayuda de HTML todos pueden hacer sítios web estáticos y dinámicos. HTML es el lenguaje que describe la estructura y el contenido semántico de un documento web. El contenido dentro de una página web es etiquetado con elementos HTML como <head>
, <title>
, <body>
, <article>
, <section>
, <p>
, <div>
, <span>
, <img>
, <picture>
, etcétera. Estos elementos forman los bloques de construcción de un sitio web.
Los artículos de este sitio proveen materiales de referencia para desarrollo web.
- Referencia HTML
En nuestra referencia completa, encontrarás detalles de cada elemento y cada atributo que conforman el lenguaje HTML
- Guía HTML
Para ver artículos sobre cómo usar HTML, así como tutoriales y ejemplos completos, revisa nuestra Guía del desarrollador HTML.
- Introducción a HTML
Si eres nuevo dentro del desarrollo web, asegúrate de leer nuestra introducción sobre lo que es HTML y cómo usarlo.
Referencias
- Elementos en bloque
- Los elementos en HTML (lenguaje de marcas de hipertexto - Hypertext Markup Language) usualmente son elementos "en bloque" o elementos "en línea". Un elemento en bloque ocupa todo el espacio de su elemento padre (contenedor), creando así un "bloque". Este artículo ayuda a explicar lo que esto significa.
- Imagen con CORS habilitado
- La especificación HTML introduce un atributo
crossorigin
para imágenes que, en conjunto con el encabezado CORS apropiado, permite que imágenes definidas con el elemento<img>
y cargadas desde orígenes externos sean usadas en un lienzo (canvas) como si fueran cargadas desde el origen actual. - Atributos de configuración CORS
- En HTML5, algunos elementos HTML que dan soporte para CORS, tales como
<img>
o<video>
, tienen un atributocrossorigin
(propiedadcrossOrigin
), que les permite configurar las peticiones CORS de los datos que se cargan. - Control de la corrección ortográfica en formularios HTML
- Firefox 2 incorpora un corrector ortográfico para las áreas y los campos de texto de los formularios web. Accediendo a las opciones de configuración mediante "about:config" en la dirección el usuario puede activar o desactivar el corrector y, además, puede indicar si desea o no habilitar la corrección ortográfica y si debe habilitarse para áreas y campos de texto o sólo en áreas de texto.
- Transmisión Adaptativa DASH para Video en HTML 5
- La Transmisión Adaptable y Dinámica sobre HTTP (DASH - Dynamic Adaptive Streaming over HTTP) es un protocolo de transmisión adaptable. Esto signfica que le permite a un flujo de vídeo cambiar entre diversas tasas de bits dependiendo de la velocidad de la red, para mantener la reproducción de un vídeo.
- Manejo del Foco en HTML
- En el borrador de trabajo de HTML5, el atributo del DOM
activeElement
y el método DOMhasFocus()
le permiten al programador controlar mejor la interactividad de la página en respuesta a las acciones del usuario. Por ejemplo, ambos pueden usarse con propósitos estadísticos, para registrar el número de pulsaciones sobre ciertos enlaces de la página, para medir la cantidad de tiempo que un elemento tiene el foco, y así sucesivamente. Además, cuando se combinan con la tecnología AJAX, ayudan a minimizar el número de peticiones al servidor, dependiendo de la activad del usuario y del diseño de la página. - Atributos globales
- Los atributos globales puedan ser especificadas en todos los elementos HTML, incluso aquellos que no están especificados en el estándar. Esto significa que cualquier elemento no estándar debe permitir estos atributos, a pesar de que el uso de estos elementos significa que el documento ya no es compatible con HTML5. Por ejemplo, los navegadores compatibles con HTML5 ocultar el contenido marcado como
<foo hidden>...<foo>
, aunque<foo>
no es un elemento HTML válido. - Referencia de Atributos HTML
- Los elementos en HTML tienen atributos; estos son valores adicionales que configuran los elementos o ajustan su comportamiento para cumplir los criterios de los usuarios.
- Referencia de Elementos HTML
- Esta página contiene una lista con todos los elementos HTML
- Guía de referencia de HTML
- HTML es el lenguaje que describe la estructura y el contenido semántico de un documento Web; este se compone de elementos, cada uno de los cuales puede ser modificado por cierta cantidad de atributos.
- Elementos en línea
- Los elementos en HTML (lenguaje de marcas de hipertexto - Hypertext Markup Language) usualmente son elementos "en línea" o elementos "en bloque". Un elemento en línea ocupa sólo el espacio delimitado por las etiquetas que definen el elemento en línea. El siguiente ejemplo demuestra la influencia de los elementos en línea:
- Tipos de enlaces
- En HTML, los siguientes tipos de enlaces indican la relación entre dos documentos, de los cuales uno enlaza al otro usando un elemento
<a>
o bien<area>
, o bien<link>
. - Formatos de medios admitidos por los elementos HTML audio y video
- Los elementos
<audio>
y<video>
permiten la reproducción de audio y vídeo sin la necesidad de plug-ins. - Microformatos
- Los Microformatos (en ocasiones abreviados como µF) son pequeñas plantillas para marcar entidades como personas, organizaciones, eventos, localizaciones, posts en blogs, productos, currículums, recetas etc. Son una convención simple para incrustar semántica en HTML y para brindar rápidamente un API utilizable por los motores de búsqueda, agregadores y otras herramientas.
- Optimizar sus página para análisis especulativo
- Tradicionalmente en los navegadores el analizador de HTML corre en el hilo de ejecución principal y se queda bloqueado después de una etiqueta
</script>
hasta que el código se haya recuperado y ejecutado. El analizador de HTML de Firefox 4 y posteriores soporta análisis especulativo fuera del hilo de ejecución principal. Éste analiza anticipadamente mientras el código está siendo descargado y ejecutado. Como en Firefox 3.5 y 3.6, el analizador de HTML es el que inicia la carga especulativa de código, las hojas de estilos y las imágenes que va encontrando en el flujo de la página. Sin embargo, en Firefox 4 y posteriores, el analizador de HTML también ejecuta el algoritmo especulativo de la contrucción del árbol HTML. La ventaja es que cuando lo especulado tiene éxito, no hay necesidad de reanalizar la parte del archivo de entrada que ya fue analizada junto la descarga de código, hojas de estilo y las imágenes. La desventaja es que se ha realizado un trabajo inútil cuando la especulación falla. - Uso del caché de aplicaciones
- HTML5 proporciona un mecanismo de caché a nivel de aplicación que permite que las aplicaciones basadas en la web se ejecuten sin conexión. Los desarrolladores pueden usar la interface de Caché de aplicaciones (AppCache) para especificar los recursos que el navegador debería guardar en caché y tener disponibles para los usuarios cuando no estén conectados. Las aplicaciones que están en caché se cargan y funcionan correctamente aunque los usuarios hagan clic en el botón recargar cuando no están conectados.
Guías y tutoriales
- Guía del desarrollador HTML
- Artículos de MDN que muestran técnicas específicas que puede usar cuando construye contenido Web con HTML, así como tutoriales y otros materiales que puede encontrar útiles. La guía puede brindar lecciones editoriales, pistas e información sobre desarrollo HTML.
Join the Diseño Web community
- Stack Overflow: HTML topics