Etiquetas HTML en español (actualizado para HTML5)

Etiquetas HTML ordenadas por categorías

Etiqueta nueva en HTML= Nueva en HTML5.

HTML básico

ETIQUETA DESCRIPCIÓN
<!DOCTYPE> Define el tipo de documento
<html> Define el documento
<title> Define un título para un documento
<body> Define el cuerpo del documento (dentro de esta etiqueta irá el contenido que se va a visualizar en la página web)
<h1> a <h6> Define los epígrafes
<p> Define un párrafo
<br> Inserta un salto de línea simple
<hr> Define un cambio del contenido (visualmente introduce una línea)
<!–…–> Define un comentario (los comentarios no se visualizan en los navegadores)

Formato

ETIQUETA DESCRIPCIÓN
<acronym> No soportado en HTML5. Usa en su defecto <abbr>
Define un acrónimo
<abbr> Define una abreviatura o un acrónimo
<address> Define la información de contacto de un autor/propietario de un documento/artículo
<b> Define un texto en negrita
<bdi>Etiqueta nueva en HTML Aísla una parte de texto que puede ser formateado en una dirección diferente de otro texto fuera de ella
<bdo> Anula la dirección del texto actual
<big> No soportado en HTML5. Usa CSS
Define un texto grande
<blockquote> Define una cita de otra fuente
<center> No soportado en HTML5. Usa CSS
Define un texto centrado
<cite> Define el título de una obra
<code> Define una parte de códico
<del> Define texto que ha sido eliminado de un documento
<dfn> Representa la definición de un término
<em> Define un texto enfatizado
<font> No soportado en HTML5. Usa CSS
Define la fuente, el color y el tamaño del texto
<i> Define una parte del texto en otra voz (generalmente se refiere a texto en cusiva)
<ins> Define un texto que se ha insertado en un documento
<kbd> Define la entrada de un teclado
<mark>Etiqueta nueva en HTML Define texto resaltado
<meter>Etiqueta nueva en HTML Define una medición escalar dentro de un rango conocido
<pre> Define el texto preformateado
<progress>Etiqueta nueva en HTML Representa el progreso de una tarea
<q> Define una cita breve
<rp>Etiqueta nueva en HTML Define lo que se mostrará en los navegadores que no admite caracteres de pronunciación japonesa (no lo he probado)
<rt>Etiqueta nueva en HTML Define una explicación/pronunciación de caracteres japoneses (no lo he probado)
<ruby>Etiqueta nueva en HTML Define un caracter de pronunciación japonés (no lo he probado)
<s> Define un texto que ya no es correcto
<samp> Define un ejemplo de salida de un programa de ordenador
<small> Define un texto más pequeño
<strike> No soportado en HTML5. Usa en su defecto <del> o <s>
Define texto tachado
<strong> Define texto importante
<sub> Define un texto subíndice
<sup> Define un texto superíndice
<time>Etiqueta nueva en HTML Define una fecha/hora
<tt> No soportado en HTML5. Usa CSS
Define un texto como el de las máquinas de escribir
<u> Define un texto que debe ser estilísticamente diferente del texto normal
<var> Define una variable
<wbr>Etiqueta nueva en HTML Define un posible salto de línea

Forms and Input

ETIQUETA DESCRIPCIÓN
<form> Define un formulario en HTML
<input> Define la introducción de datos de un formulario
<textarea> Define una entrada de área de texto
<button> Define un botón en el que se puede hacer clic
<select> Define una lista desplegable
<optgroup> Define un grupo de opciones relacionadas en una lista desplegable
<option> Define una opción en una lista desplegable
<label> Define una etiqueta para un elemento <input >
<fieldset> Grupos de elementos relacionados en un formulario
<legend> Define un título para un elemento <fieldse >
<datalist>Etiqueta nueva en HTML Especifica una lista de opciones predefinidas, a modo de listado de sugerencias
<keygen>Etiqueta nueva en HTML Define una etiqueta para el envío de claves en el autentificado web (para los formularios)
<output>Etiqueta nueva en HTML Define el resultado de un cálculo

Ventanas/marcos

ETIQUETA DESCRIPCIÓN
<frame> No soportado en HTML5.
Define una ventana (marco) dentro de una etiqueta <frameset>
<frameset> No soportado en HTML5.
Define dónde empieza y termina una ventana (marco).
<noframes> No soportado en HTML5.
Defines an alternate content for users that do not support frames
<iframe> Define una línea de una ventana (marco). Se usa para insertar contenido en la web. Por ejemplo, Youtube puede generar una línea de código <iframe> para que insertes un video en tu web.

Imágenes

ETIQUETA DESCRIPCIÓN
<img> Define una imagen
<map> Define un mapa de imágenes
<area> Define un área dentro de un mapa de imágenes
<canvas>Etiqueta nueva en HTML Se utiliza para dibujar gráficos, sobre la marcha, a través de secuencias de comandos (normalmente JavaScript )
<figcaption>Etiqueta nueva en HTML Define un título para un elemento <figure >
<figure>Etiqueta nueva en HTML Se usa para marcar diagramas, ilustraciones , fotografías y ejemplos de código (entre otras cosas)

Audio / Video

ETIQUETA DESCRIPCIÓN
<audio>Etiqueta nueva en HTML Define el contenido de sonido
<source>Etiqueta nueva en HTML Define múltiples recursos multimedia para elementos (<video > y <audio >)
<track>Etiqueta nueva en HTML Define pistas de texto para elementos multimedia (<video > y <audio >)
<video>Etiqueta nueva en HTML Define un vídeo o una película

Enlaces

ETIQUETA DESCRIPCIÓN
<a> Define un hipervínculo
<link> Define la relación entre un documento y un recurso externo (la mayoría se usan para enlazar las hojas de estilo)
<nav>Etiqueta nueva en HTML Define enlaces de navegación

Listas

ETIQUETA DESCRIPCIÓN
<ul> Define una lista desordenada
<ol> Define una lista ordenada
<li> Define un elemento de lista
<dir> No soportado en HTML5. En su lugar, usa < ul >.
Define la lista de un directorio
<dl> Define una lista descriptiva
<dt> Define un término/nombre en una lista descriptiva
<dd> Define la descripción de un término/nombre en una lista descriptiva
<menu> Define un menú de una sola columna
<menuitem>Etiqueta nueva en HTML Defines un elemento del <menu>

Tablas

ETIQUETA DESCRIPCIÓN
<table> Define una tabla
<caption> Define la leyenda de una tabla
<th> Define el encabezado de la celda de una tabla
<tr> Define una fila en una tabla
<td> Define una celda de una tabla
<thead> Cabecera de contenido agrupado en una tabla (para tablas complejas)
<tbody> Cuerpo del contenido agrupado de una tabla (para tablas complejas)
<tfoot> Pie del contenido agrupado de una tabla (por ejemplo un total)
<col> Especifica las propiedades de columna dentro de un elemento <colgroup>
<colgroup> Se usa para agrupar una o más columnas en una tabla

Estilos y semántica

ETIQUETA DESCRIPCIÓN
<style> Define un estilo para un documento
<div> Define una sección en un documento
<span> Define una sección en un documento
<header>Etiqueta nueva en HTML Define una cabecera para un documento o sección
<footer>Etiqueta nueva en HTML Define un pie para un documento o sección
<main>Etiqueta nueva en HTML Especifica el contenido principal de un documento
<section>Etiqueta nueva en HTML Define una sección en un documento
<article>Etiqueta nueva en HTML Define un artículo
<aside>Etiqueta nueva en HTML Define un contenido aparte del contenido de la página
<details>Etiqueta nueva en HTML Define los detalles adicionales que el usuario puede ver u ocultar
<dialog>Etiqueta nueva en HTML Define un cuadro de diálogo o ventana
<summary>Etiqueta nueva en HTML Define un encabezado visible para el elemento <details>

Metaetiquetas

ETIQUETA DESCRIPCIÓN
<head> Define información sobre el documento
<meta> Define los metadatos de un documento HTML
<base> Specifies the base URL/target for all relative URLs in a document
<basefont> No soportado en HTML. En su lugar, use CSS
Especifica un color, tamaño y fuente por defecto para todo el texto en un documento

Programación

ETIQUETA DESCRIPCIÓN
<script> Define un script del lado del cliente
<noscript> Define un contenido alternativo para los usuarios que no admiten secuencias de comandos del lado del cliente
<applet> No soportado en HTML5. En su lugar, usa <embed> o <object>.
Define un applet incrustado
<embed>Etiqueta nueva en HTML Define un contenedor para una aplicación externa ( no HTML )
<object> Define un objeto incrustado
<param> Define un parámetro para un objeto

Texto original en W3Schools.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *