Revision 1107889 of HTML

<div>{{HTMLSidebar()}}</div>

<p><span class="seoSummary">HTML, que significa <strong>Lenguaje de Marcado para Hipertextos (HyperText Markup Language)</strong> 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.</span></p>

<p>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 {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("picture")}}, etcétera. Estos elementos forman los bloques de construcción de un sitio web.</p>

<p>Los artículos de este sitio proveen materiales de referencia para desarrollo web.</p>

<section class="cleared" id="sect1">
<ul class="card-grid">
 <li><span>Referencia HTML</span>

  <p>En nuestra <a href="/es/docs/Web/HTML/Referencia">referencia completa</a>, encontrarás detalles de cada elemento y cada atributo que conforman el lenguaje HTML</p>
 </li>
 <li><span>Guía HTML</span>
  <p>Para ver artículos sobre cómo usar HTML, así como tutoriales y ejemplos completos, revisa nuestra <a href="/es/docs/Web/Guide/HTML">Guía del desarrollador HTML</a>.</p>
 </li>
 <li><span>Introducción a HTML</span>
  <p>Si eres nuevo dentro del desarrollo web, asegúrate de leer nuestra <a href="/es/docs/Web/Guide/HTML/Introduction_alhtml">introducción</a> sobre lo que es HTML y cómo usarlo.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Referencias">Referencias</h2>

<dl>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/es/docs/Web/HTML/Block-level_elements">Elementos a nivel de bloque</a></dt>
 <dd class="landingPageList">Los elementos HTML usualmente son elementos a "nivel de bloque", o bien, <a href="https://developer.mozilla.org/es/docs/Web/HTML/Elementos_en_l%C3%ADnea" title="/es/docs/Web/HTML/Elementos_en_l%C3%ADnea">elementos "en línea"</a>. 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.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Imagen_con_CORS_habilitado">Imagen con CORS habilitado</a></dt>
 <dd class="landingPageList">La especificación HTML introduce un atributo {{ htmlattrxref("crossorigin", "img") }} para imágenes que, en conjunto con el encabezado {{Glossary("CORS")}} apropiado, permite que imágenes definidas con el elemento {{ HTMLElement("img") }} y cargadas desde orígenes externos sean usadas en un lienzo (canvas) como si fueran cargadas desde el origen actual.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Atributos_de_configuracion_CORS">Atributos de configuración CORS</a></dt>
 <dd class="landingPageList">En HTML5, algunos elementos HTML que dan soporte para <a href="/en-US/docs/HTTP/Access_control_CORS">CORS</a>, tales como {{ HTMLElement("img") }} o {{ HTMLElement("video") }}, tienen un atributo <code>crossorigin</code> (propiedad <code>crossOrigin</code>), que les permite configurar las peticiones CORS de los datos que se cargan.</dd>
 <dt class="landingPageList"><a href="/es/docs/Control_de_la_corrección_ortográfica_en_formularios_HTML">Control de la corrección ortográfica en formularios HTML</a></dt>
 <dd class="landingPageList">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.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Transision_adaptativa_DASH">Transmisión Adaptativa DASH para Video en HTML 5</a></dt>
 <dd class="landingPageList">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.</dd>
 <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Focus_management_in_HTML">Manejo del Foco en HTML</a></dt>
 <dd class="landingPageList">En el borrador de trabajo de HTML5, el atributo del DOM <code><a href="es/DOM/document.activeElement">activeElement</a></code> y el método DOM <code><a href="es/DOM/document.hasFocus">hasFocus()</a></code> 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.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Atributos_globales">Atributos globales</a></dt>
 <dd class="landingPageList">Los atributos globales son atributos comunes a todos los elementos HTML. Pueden usarse en todos los elementos, <em>incluso los que no están especificados en el estándar</em>. 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 <code>...</code>, aun cuando no es un elemento HTML válido.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Atributos">Guía de referencia de atributos HTML</a></dt>
 <dd class="landingPageList">Los elementos en HTML tienen <strong>atributos</strong>; estos son valores adicionales que configuran los elementos o ajustan su comportamiento para cumplir los criterios de los usuarios.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Elemento">Guía de referencia de elementos HTML</a></dt>
 <dd class="landingPageList">Esta página contiene una lista con todos los <a href="https://developer.mozilla.org/es/docs/Glossary/Element" title="The definition of that term (elementos) has not been written yet; please consider contributing it!">elementos</a> <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML" title="HTML: HTML (HyperText Markup Language) is a descriptive language that specifies webpage structure.">HTML</a></dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Referencia">Guía de referencia de HTML</a></dt>
 <dd class="landingPageList">HTML es el lenguaje que describe la estructura y el contenido semántico de un documento Web; este se compone de <strong>elementos</strong>, cada uno de los cuales puede ser modificado por cierta cantidad de <strong>atributos</strong>.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Elementos_en_línea">Elementos en línea</a></dt>
 <dd class="landingPageList">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.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Tipos_de_enlaces">Tipos de enlaces</a></dt>
 <dd class="landingPageList">En HTML, los siguientes tipos de enlaces indican la relación entre dos documentos, de los cuales uno enlaza al otro usando un elemento{{HTMLElement("a")}} o bien {{HTMLElement("area")}}, o bien {{HTMLElement("link")}}.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Formatos_admitidos_de_audio_y_video_en_html5">Formatos de medios admitidos por los elementos HTML audio y video</a></dt>
 <dd class="landingPageList">Los elementos {{ HTMLElement("audio")}} y {{ HTMLElement("video") }} permiten la reproducción de audio y vídeo sin la necesidad de plug-ins.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/microformatos">Microformatos</a></dt>
 <dd class="landingPageList"><span class="p-summary">Los <a class="external external-icon" href="https://microformats.org"><dfn>Microformatos</dfn></a> (en ocasiones abreviados como <strong>μF</strong>) 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.</span></dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/es/docs/Web/HTML/Optimizing_your_pages_for_speculative_parsing">Optimizar sus página para análisis especulativo</a></dt>
 <dd class="landingPageList">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 <code>&lt;/script&gt;</code> 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.</dd>
 <dt class="landingPageList"><a href="/es/docs/Web/HTML/Recursos_offline_en_firefox">Uso del caché de aplicaciones</a></dt>
 <dd class="landingPageList"><a href="https://developer.mozilla.org/es/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a> proporciona un mecanismo de <em>caché a nivel de aplicación</em> que permite que las aplicaciones basadas en la web se ejecuten sin conexión. Los desarrolladores pueden usar la interface de <strong>Caché de aplicaciones</strong> (<em>AppCache</em>) 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.</dd>
</dl>

<p><span class="alllinks"><a href="/es/docs/tag/HTML" title="Artículos etiquetados con: HTML">Ver Todo...</a></span></p>
</div>

<div class="section">
<h2 class="Tools" id="Tools" name="Tools">Guías y tutoriales</h2>

<dl>
 <dt><a href="/es/docs/Web/Guide/HTML">Guía del desarrollador HTML</a></dt>
 <dd>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.</dd>
</dl>
</div>
</div>

<p>{{CommunityBox("Diseño Web", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/html|HTML topics|Visit Stack Overflow, a collaboratively built and maintained Q&amp;A site. See if you can find an answer; if not, you can ask your question there.")}}</p>
</section>