Etiquetas Semánticas HTML5

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 2

ETIQUETAS SEMÁNTICAS PARA TEXTO

 <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

ETIQUETAS PARA INCRUSTAR CONTENIDO

 <img> Etiqueta para «pintar» una imagen en la página web.


 <iframe> </iframe> Es una etiqueta que sirve para anidar otro documento HTML
dentro del documento principal.
 <embed> Usada para integrar una aplicación o contenido interactivo externo que no
suele ser HTML.
 <object> </object> Utilizada llamar a un recurso externo de la web. Este recurso
será tratado como una imagen, o un recurso externo para ser procesado por un
plugin.
 <video> </video> Se usa para reproducir video en la página web junto a sus
archivos de audio y capciones asociadas.
 <audio> </audio> Usada para cargar un archivo de audio o stream de audio.
 <source> Permite a autores especificar recursos multimedia alternativos para las
etiquetas de <video> o <audio>
 <svg> </svg> Se usa para llamar a una imagen vectorizada.

ETIQUETAS PARA LA CREACIÓN DE TABLAS

 <table> </table> Etiquetas de apertura y cierre de una tabla. El resto de etiquetas


de la tabla han de ir siempre recogidas entre estas dos etiquetas.
 <caption> </caption> Usada para indicar el título de la tabla.
 <colgroup> </colgroup> Etiqueta utilizada para agrupar dos o más columnas de
una tabla.
 <tbody> </tbody> Usada para describir los datos concretos de una tabla.
 <thead> </thead> Indica el bloque de filas que describen las etiquetas de las
columnas de la tabla.
 <tfoot> </tfoot> Indica los bloques de filas que describen los resúmenes, o datos
totales de una columna de una tabla.
 <tr> </tr> Se usa para indicar una fila de celdas de una tabla.
 <td> </td> Usada para definir una celda de una tabla.
 <th> </th> Etiqueta que se usa para definir el encabezado de una celda

ETIQUETAS PARA LA CREACIÓN DE FORMULARIOS

 <form> </form> Etiqueta de apertura y cierre de un formulario de una página web.


El resto de etiquetas de formulario deben ir siempre recogidas entre estas etiquetas
de apertura y cierre de formulario.
 <fieldset> </fieldset> Etiqueta que representa un conjunto o agrupación de
elementos de un formulario. «Pinta» un recuadro alrededor de las etiquetas que
estén contenidas dentro del <fieldset>
 <legend> </legend> Etiqueta ligada a <fieldset>. Indica el título del <fieldset>
 <label> </label> Se usa para definir el nombre o título de un control del formulario.
 <input> Pinta un campo de introducción de datos para el usuario. Es de las
principales etiquetas de un formulario.
 <button> </button> Etiqueta utilizada para representar un botón en el formulario.
 <select> </select> Input que permite una selección entre un conjunto de opciones.
 <option> </option> Etiqueta ligada a <select>. Permite añadir diferentes opciones
al <select>
 <textarea> </textarea> Añade un campo al usuario para que pueda introducir texto
en unas líneas máximas de texto que el desarrollador puede definir.

También podría gustarte