jueves, 14 de octubre de 2021

Etiquetas HTML

ETIQUETAS DE SECCIONES O PARA ESTRUCTURAR EL HTML

  • <body> </body> Al contrario que la etiqueta de metadatos <head>, todo lo que quieras mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de <body>. Este contenido será el que se muestre en la web.
  • <nav> </nav> Usadas para definir el contenido que será la sección de navegación de la web.
  • <main> </main> Se usa para definir el contenido principal del documento. Solamente puede existir uno por documento.
  • <section> </section> Define una sección del documento
  • <article> </article> Define contenido independiente de la web.
  • <aside> </aside> Dentro de estas etiquetas suele alojarse el contenido adicional de la web. Suele ser contenido relacionado con la web pero de poca importancia
  • <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya que son usadas para jerarquizar el contenido de la web. Las etiquetas se usan para explicar brevemente el contenido que irá a continuación.
  • <header> </header> Se usan para definir la cabecera la página web. Suele contener el logotipo, menú de navegación, etc.
  • <footer> </footer> Usadas para definir el pie de página.

ETIQUETAS PARA LA AGRUPACIÓN DE CONTENIDO

  • <p> </p> Etiqueta usada para escribir párrafos de texto.
  • <hr> Etiqueta utilizada para «romper» entre dos secciones de una web. Usada comúnmente como separador.
  • <pre> </pre> Usada para pegar texto manteniendo el pre formato propio del texto.
  • <blockquote> </blockquote> Se usan para indicar que el contenido es texto citado.
  • <ol> </ol> Etiquetas para crear una lista ordenada
  • <ul> </ul> Etiquetas para crear una lista des-ordenada
  • <li> </li> Etiquetas que recogen el contenido de un elemento de una lista, sea ordenada o no.
  • <dl> </dl> Usada para crear una lista de definiciones.
  • <dt> </dt> Representa un término definido por la siguiente etiqueta <dd>
  • <dd> </dd> Se usa para definir los términos listados antes que él.
  • <figure> </figure> Indica una figura ilustrada como parte del documento HTML5.
  • <figcaption> </figcaption> Utilizada para definir la leyenda de una figura.
  • <div> </div> Etiqueta común utilizada para crear un contenedor genérico.
  • <a> </a> Etiqueta utilizada para crear hiperenlaces en el documento HTML
  • <strong> </strong> Etiqueta para definir una palabra o conjunto de ellas como importantes. Tiene una fuerte importancia en el SEO de la página.
  • <small> </small> Utilizada para dejar un comentario aparte, del tipo una nota de derechos de autoría, u otros textos que no son esenciales para la comprensión del documento.
  • <cite> </cite> Para indicar el título de una obra
  • <sub> </sub> y <sup> </sup> Etiquetas utilizadas para representar un subíndice o superíndice.
  • <mark> </mark> Usada para resaltar texto
  • <span> </span> Etiqueta HTML sin ningún significado específico. Se usa conjuntamente con los atributos «class» o «id» para atribuirle ciertas características.
  • <br> Etiqueta utilizada para crear un salto de línea

No hay comentarios:

Publicar un comentario