Etiquetas De HTML 5

Páginas: 7 (1693 palabras) Publicado: 11 de marzo de 2015


Lista de Elementos HTML5



Todos los elementos del estandar HTML5 están listados aquí, descritos por su etiqueta de apertura y agrupados por su función. Contrariamente alindice de elementos HTML el cual lista todas las posibles etiquetas, estandar, no-estandar, válidas, obsoletas o aquellas en desuso, esta lista solamente los elementos válidos de HTML5. Solamente aquellos elementos listadosaquí son los que deberían ser usados en nuevos sitios Web.
El simbolo  indica que el elemento fue añadido en HTML5. Nótese que otros elementos listados aqui pueden haber sido modificados o extendido en su significado por la especificación HTML5.

Elemento raíz
Elemento

Descripción


Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de esteelemento.

Metadatos del documento
Elemento
Descripción

Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.
<br /> Define el título del documento, el cual se muestra en la barra de título del navegador o en las pestañas de página. Solamente puede contener texto y cualquier otra etiqueta contenida no seráinterpretada.<br /> <base><br /> Define la URL base para las URLs relativas en la página.<br /> <link><br /> Usada para enlazar JavaScript y CSS externos con el documento HTML actual.<br /> <meta><br /> Define los metadatos que no pueden ser definidos usando otro elemento HTML.<br /> <style><br /> Etiqueta de estilo usada para escribir CSS en línea.<br /> Scripting<br /> Elemento<br /> Descripción<br /> <script><br /> Define ya sea un script interno o un enlace hacia un script externo.El lenguaje de programación es JavaScript<br /> <noscript><br /> Define una contenido alternativo a mostrar cuando el navegador no soporta scripting.<br /> <br /> Secciones<br /> Elemento<br /> Descripción<br /> <body><br /> Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.<br /> <section> <br /> Define una sección en un documento.<br /> <nav> <br /> Define una sección que solamente contiene enlaces de navegación<article> <br /> Define contenido autónomo que podría existir independientemente del resto del contenido.<br /> <aside> <br /> Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es removido, el contenido restante seguirá teniendo sentido<br /> <h1>,<h2>,<h3>,<h4>,<h5>,<h6><br /> Los elemento de cabecera  implementan seis niveles de cabeceras de documentos; <h1> es la de mayor y <h6> es lade menor impotancia. Un elemento de cabecera describe brevemente el tema de la sección que introduce.<br /> <header> <br /> Define la cabecera de una página o sección. Usualmente contiene un logotipo, el título del sitio Web y una tabla de navegación de contenidos.<br /> <footer> <br /> Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de autoría, algunos enlaces a información legal odirecciones para dar información de retroalimentación.<br /> <address><br /> Define una sección que contiene información de contacto.<br /> <main><br /> Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en el documento.<br /> <br /> Agrupación de Contenido<br /> Elemento<br /> Descripción<br /> <p><br /> Define una parte que debe mostrarse como un párrafo.<br /> <hr><br /> Representa un quiebre temático entre parrafos de unasección o articulo o cualquier contenido.<br /> <pre><br /> Indica que su contenido esta preformateado y que este formato debe ser preservado.<br /> <blockquote><br /> Representa una contenido citado desde otra fuente.<br /> <ol><br /> Define una lista ordenada de artículos.<br /> <ul><br /> Define una lista de artículos sin orden.<br /> <li><br /> Define un artículo de una lista ennumerada.<br /> <dl><br /> Define una lista de definiciones, es decir, una lista detérminos y sus definiciones asociadas.<br /> <dt><br /> Representa un término definido por el siguiente <dd>.<br /> <dd><br /> Representa la definición de los terminos listados antes que él.<br /> <figure> <br /> Representa una figura ilustrada como parte  del documento.<br /> <figcaption> <br /> Representa la leyenda de una figura.<br /> <div><br /> Representa un contenedor genérico sin ningún significado especial.<br /> Semántica a nivel de Texto<br /> Elemento... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div> <div class="center paper-body__cta--mod paper-body__cta-no-bg"> <a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow"> Leer documento completo </a> <p class="ash-gray text-s"> Regístrate para leer el documento completo. </p> </div> </div> </div> </div> </article> </main> <script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf"> </div> <a href="/content/access" rel="nofollow"></a> <section class="row "> <div class="columns position-relative large-12"> <div class=""> <h2 class="heading-m padding-top-1 margin-2"> Estos documentos también te pueden resultar útiles </h2> </div> <section class=""> <ul class="unstyled"> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiquetas-Html/61332838.html" title="etiquetas html"> <h6 class="heading-s"> etiquetas html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ... HYPERLINK http//www.ceia.uns.edu.ar/cursos/<b><i>Html</i></b>/etiquet1.htm http//www.ceia.uns.edu.ar/cursos/<b><i>Html</i></b>/etiquet1.htm INCLUDEPICTURE http//www.ceia.uns.edu.ar/cursos/<b><i>Html</i></b>/rain_lin.gif MERGEFORMATINET <b><i>Etiquetas</i></b> de formato de texto INCLUDEPICTURE http//www.ceia.uns.edu.ar/cursos/<b><i>Html</i></b>/rain_lin.gif MERGEFORMATINET Salida <b><i>Etiquetas</i></b> requeridas El texto en negritas.El Btexto/B en negritas.El texto en itlicas.El... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/61332838.html" title="etiquetas html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1059 Palabras</span> <span class="essay-details__item">5 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Que-Es-Etiqueta-Html/2119033.html" title="Que es etiqueta html"> <h6 class="heading-s"> Que es etiqueta html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...1 - <b><i>Etiquetas</i></b> del lenguaje <b><i>HTML</i></b> Las <b><i>Etiquetas</i></b> El lenguaje <b><i>HTML</i></b> es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de <b><i>HTML</i></b>, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos <b><i>etiquetas</i></b> y serán la base principal del lenguaje... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Que-Es-Etiqueta-Html/2119033.html" title="Que es etiqueta html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">742 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiquetas-Html/7276246.html" title="Etiquetas Html"> <h6 class="heading-s"> Etiquetas Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>Etiquetas</i></b> <b><i>HTML</i></b> Anota frente a cada <b><i>etiqueta</i></b> cuál es su uso 1. &lt;<b><i>html</i></b>&gt; | Inicio de texto | 2. &lt;head&gt; | Encabezado | 3. &lt;title&gt; | Nombre del documento | 4. &lt;body&gt; | Texto visible del documento imágenes, graficos, vínculos etc. | <b><i>5</i></b>. &lt;h1&gt;&lt;h2&gt;…&lt;h6&gt; | Niveles de los títulos | 6. p align= “justified” | Párrafo justificado | 7. body bgcolor | Color del... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/7276246.html" title="Etiquetas Html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">580 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiquetas-Html/26965688.html" title="etiquetas html"> <h6 class="heading-s"> etiquetas html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>ETIQUETAS</i></b> <b><i>HTML</i></b> <b><i>Etiquetas</i></b> Básicas <b><i>Etiquetas</i></b> ... Descripción Títulos de diferentes tamaños. Escribir un párrafo. Código a Título de tamaño h1 Título de tamaño h2 Título de tamaño h3 Título de tamaño h4 Título de tamaño h5 Título de tamaño h6 ... HTML5, en conjunto con CSS3, define los nuevos estándares Resultado Título de tamaño h1 Título de tamaño h2 Título de tamaño h3... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/26965688.html" title="etiquetas html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1344 Palabras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiquetas-Html/4567533.html" title="Etiquetas Html"> <h6 class="heading-s"> Etiquetas Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ... <b><i>Etiquetas</i></b> que maneja <b><i>HTML</i></b> | &lt;B&gt;…&lt;/B&gt; | Texto en negrita | &lt;BIG&gt;…&lt;/BIG&gt; | Ampliación del tamaño de los caracteres | &lt;BLINK&gt;…&lt;/BLINK&gt; | Texto parpadeante (Netscape solo) | &lt;EM&gt;…&lt;/EM&gt; | Texto en itálico | &lt;FONT color="#XXXXXX"&gt; …&lt;/FONT&gt; | Texto en color donde XXXXXX es un valor hexadecimal | &lt;FONT size=X&gt;…&lt;/FONT&gt; | Tamaño de los caracteres donde X es un valor de 1 a 7 |... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/4567533.html" title="Etiquetas Html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1080 Palabras</span> <span class="essay-details__item">5 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiquetas-En-Html/7425915.html" title="Etiquetas En Html"> <h6 class="heading-s"> Etiquetas En Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...EtETIQUETAS MAS UTILIZADAS EN <b><i>HTML</i></b> <b><i>ETIQUETA</i></b> | Atributos que admite | Finalidad | - Estructura de la página - | &lt;<b><i>html</i></b>&gt;&lt;/<b><i>html</i></b>&gt; | ninguno | indica que contiene código <b><i>html</i></b> | &lt;head&gt;&lt;/head&gt; | ninguno | Cabecera <b><i>html</i></b>. Informacion sobre el documento | &lt;body&gt;&lt;/body&gt; | estilos | cuerpo de la página. Contenedor del resto de elementos | - Elementos de Cabecera -( head ) |... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-En-Html/7425915.html" title="Etiquetas En Html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">557 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiqueta-De-Html/669438.html" title="Etiqueta de html"> <h6 class="heading-s"> Etiqueta de html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...INTRODUCCIÓN A LA PROGRAMACIÓN <b><i>HTML</i></b> <b><i>HTML</i></b>, siglas de HyperTextMarkupLanguage (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. Una página web la vemos en nuestro navegador, o cliente web, y parece una sola entidad, pero no es así, está compuesta por multitud de... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiqueta-De-Html/669438.html" title="Etiqueta de html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">799 Palabras</span> <span class="essay-details__item">4 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Etiquetas-Html/64710106.html" title="Etiquetas html"> <h6 class="heading-s"> Etiquetas html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>Etiquetas</i></b> de <b><i>HTML</i></b> <b><i>Etiqueta</i></b> o atributo (comandos) Función (que realiza) Indica el inicio del código de la pagina Web (inicio) Indica que el código ha terminado (fin) Marca el inicio de la cabecera del programa Marca el termino de la cabecera (cuerpo) Marca el inicio donde va a llevar escrito el código de la página Web. Marca el termino del cuerpo (fin del código de programación) TITULO DE LA PAGINA Sirve para definir el... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Etiquetas-Html/64710106.html" title="Etiquetas html" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1309 Palabras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> </ul> </section> </div> </section> <section class="row "> <div class="columns position-relative large-12"> <section class="section no-border"> <div class="container"> <div class="row"> <div class="columns "> <div class="section-heading "> <h2 class="align-left margin-2 heading-m"> OTRAS TAREAS POPULARES </h2> </div> </div> </div> <div class="row" id="popular-tags-visible"> <div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2"> <ul> <li class="margin-1"> <a href="/ensayos/El-Distr-s-y-El-Eustr/69325024.html" title="El Distr S Y El Eustr S" class="mid-gray brand-primary--hover">El Distr S Y El Eustr S</a> </li> <li class="margin-1"> <a href="/ensayos/Cartas-De-Amor-a-Los-Muertos/69325033.html" title="Cartas De Amor A Los Muertos" class="mid-gray brand-primary--hover">Cartas De Amor A Los Muertos</a> </li> <li class="margin-1"> <a href="/ensayos/Deda-Actividades-De-La-Unidad-1/69325039.html" title="DEDA Actividades De La Unidad 1" class="mid-gray brand-primary--hover">DEDA Actividades De La Unidad 1</a> </li> <li class="margin-1"> <a href="/ensayos/Plan-De-Trabajo-Gerencia-Comercial-Goldpar/69325054.html" title="PLAN DE TRABAJO GERENCIA COMERCIAL GOLDPAR" class="mid-gray brand-primary--hover">PLAN DE TRABAJO GERENCIA COMERCIAL GOLDPAR</a> </li> <li class="margin-1"> <a href="/ensayos/Pactos-Accesorios-a-La-Compraventa/69325075.html" title="pactos accesorios a la compraventa" class="mid-gray brand-primary--hover">pactos accesorios a la compraventa</a> </li> <li class="margin-1"> <a href="/ensayos/La-Madre-Abnegada/69325090.html" title="La Madre Abnegada" class="mid-gray brand-primary--hover">La Madre Abnegada</a> </li> </ul> </div> </div> </div> </section> </div> </section> <div class="advertBox center margin-1"></div> <section class="section no-border brand-primary--bg"> <div class="row"> <div class="columns center"> <h3 id="banner_title" class="heading-l white">Únete a millones de otros estudiantes y comienza tu investigación</h3> <h4 class="text-m white">Conviértase en miembro formal de Buenas Tareas</h4> <a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow"> INSCRÍBETE - ES GRATIS </a> </div> </div> </section> <footer class="section section--footer"> <div class="row"> <div class="medium-3 columns"><div class="copyright-block"> <p class="copyright-block__logo"> <i class="icon icon-sm-logo copyright-block__logo__icon"></i> <span class="copyright-block__logo__span">Buenas Tareas</span> </p> <p class="copyright-block__social"> <a rel="nofollow" href="http://www.facebook.com/BuenasTareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i> </span> </a> <a rel="nofollow" href="https://twitter.com/buenastareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i> </span> </a> </p> <small class="copyright-block__copyright text-s"> ©2025 BuenasTareas.com </small> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Productos</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a> </li> </ul> </div> </div> <div class="medium-3 columns"> <div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a> </li> </ul> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a> </li> </ul> </div> </div> </div> </footer> </div> <!-- global JS --> <script data-ot-ignore type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script data-ot-ignore type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script> <script data-ot-ignore type="text/javascript"> $LAB .script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js").wait(function() { var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js"]'); if(script){script.setAttribute('data-ot-ignore', '');} }) .script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js").wait(function() { var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"]'); if(script){script.setAttribute('data-ot-ignore', '');} }) .script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js").wait(function() { var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js"]'); if(script){script.setAttribute('data-ot-ignore', '');} }) .script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js").wait(function() { var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js"]'); if(script){script.setAttribute('data-ot-ignore', '');} }) .script("//assets.buenastareas.com/95794d4d5ee6b08ce407d6afdaa0b6b74cbfa3e2/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js").wait(function() { var script = document.querySelector('script[src="https://assets.buenastareas.com/95794d4d5ee6b08ce407d6afdaa0b6b74cbfa3e2/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js"]'); if(script){script.setAttribute('data-ot-ignore', '');} }) ; </script> <script type="text/javascript"> window.SM2_DEFER = true; function downloadJSAtOnload() { $LAB .script("//assets.buenastareas.com/95794d4d5ee6b08ce407d6afdaa0b6b74cbfa3e2/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js") .wait(function() { }); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script> </body> </html>