Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

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 añade "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 a nivel de bloque
Los elementos HTML usualmente son elementos a "nivel de bloque", o bien, elementos "en línea". Un elemento a nivel de bloque ocupa el espacio entero de su elemento padre (el contenedor), creando así un "bloque." Este artículo ayuda a explicar el significado de es esto.
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 atributo crossorigin (propiedad crossOrigin), 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 DOM hasFocus() 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 son atributos comunes a todos los elementos HTML. Pueden usarse en todos los elementos, incluso los que no están especificados en el estándar. Esto significa que cualquier elemento no estándar debe permitir estos atributos, aunque el uso de dichos elementos implique que el documento no sea compatible con HTML5. Por ejemplo, un navegador compatible con HTML5 que oculta contenido marcado como ..., aun cuando no es un elemento HTML válido.
Guía de 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.
Guía de 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 HTML usualmente son bien elementos "en línea" o bien elementos a "nivel de bloque". Un elemento en línea ocupa sólo el espacio acotado por las etiquetas que lo definen.
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.

Ver Todo...

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

Choose your preferred method for joining the discussion:

Etiquetas y colaboradores del documento

 Última actualización por: raecillacastellana,