Tu referencia de bolsillo

Menos memorizar.
Más construir.

No tienes que recordarlo todo. Encuentra qué hace cada etiqueta y cuándo usarla. Una referencia para tener siempre a mano.

Antes de empezar: ¿qué es una etiqueta HTML?

Definición: Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir código HTML.

Las etiquetas o tags son la forma de escribir código HTML.

En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos. Leer mas... ¿Que son las etiquetas HTML?

En la siguiente tabla se enlista todas las etiquetas disponibles en HTML.

Consulta y sigue creando

El índice de etiquetas.

115 etiquetas y declaraciones

Todas las etiquetas. Los nombres subrayados tienen una guía con ejemplos.

Etiquetas HTML y sus descripciones
Etiqueta	Qué hace
`<!-- -->`	Etiqueta para escribir comentarios en HTML.
`<!DOCTYPE>`	Declaración del tipo de documento.
`<a>`	Etiqueta para incluir enlaces (links) hacia otras páginas o documentos.
`<abbr>`	Indicar una abreviación o acrónimo.
`<acronym>`	Indicar un acrónimo.
`<address>`	Etiqueta para incluir información de contacto.
`<applet>`	Insertar un applet en la página html.
`<area>`	Define un area de una imágen en donde se puede hacer clic.
`<article>`	Etiqueta semántica de HTML5 que indica la hubicación de un artículo.
`<aside>`	Etiqueta semántica de HTML5 para indicar una barra lateral
`<audio>`	Insertar audio.
`<b>`	Convierte el texto a negritas.
`<base>`	Definir una URL raíz para los enlaces relativos de nuestra página.
`<basefont>`	Especifica tamaño, color y fuente por defecto de la página.
`<bdi>`	Aisla parte de un texto que podría estar en otro idioma o formato.
`<bdo>`	Cambia la dirección del texto.
`<big>`	Aumenta el tamaño del texto.
`<blockquote>`	Citar contenido de otro sitio web dentro de un bloque.
`<body>`	Etiqueta que define el cuerpo de un documento HTML.
`<br>`	Indica una salto de línea.
`<button>`	Crear un botón en donde se puede hacer clic.
`<canvas>`	Etiqueta para definir un contenedor o lienzo para crear gráficos.
`<caption>`	Define el título de una tabla.
`<center>`	Centra el contenido.
`<cite>`	Cita o referencia de algún libro, película, artículo o algún trabajo de otro autor.
`<code>`	Indica que el texto es código fuente de algún lenguaje informático.
`<col>`	Especifíca propiedades de atributos de las columnas de una tabla.
`<colgroup>`	Define un grupo de columnas de una tabla para darles formato.
`<datalist>`	Crea una lista de opciónes para una caja de texto input.
`<dd>`	Define un término en una lista de definiciones.
`<del>`	Indica invalidez a un fragmento de texto tachandolo con una línea horizontal.
`<details>`	Especifica detalles que el usuario puede desplegar u ocultar.
`<dfn>`	Marca un término o definición.
`<dialog>`	Mostrar una caja de diálogo.
`<dir>`	Define una lista de directorios.
`<div>`	Crea un bloque.
`<dl>`	Define una lista de definiciones.
`<dt>`	Define un término en una lista de definiciones.
`<em>`	Enfatizar parte del texto.
`<embed>`	Crea un contenedor para una aplicación externa.
`<fieldset>`	Agrupa campos de un formulario relacionados entre si.
`<figcaption>`	Escribir una leyenda o texto asociado a una figura o imagen.
`<figure>`	Define un contenedor de figuras como imágenes, fotos, diagramas, etc.
`<font>`	Da formato al texto (fuente, tamaño, color, etc.).
`<footer>`	Define el pie de página.
`<form>`	Para definir un formulario.
`<frame>`	Define una ventana o frame de una página externa dentro de un frameset.
`<frameset>`	Define un frameset dentro del cual puede haber varios frames.
`<h1> ... <h6>`	Encabezados de HTML
`<head>`	Etiqueta que define la cabecera de un documento HTML.
`<header>`	Para indicar el encabezado de una página.
`<hr>`	Indica un cambio en la temática de la página y queda señalado con una línea horizontal.
`<html>`	Etiqueta que indica el inicio y final de un documento HTML.
`<i>`	Muestra el texto en itálica.
`<iframe>`	Define una ventana o frame interno.
`<img>`	Etiqueta para insertar imágenes.
`<input>`	Añade un cuadro de entrada de texto a un formulario.
`<ins>`	Indica que el texto a sido insertado en lugar de otro.
`<kbd>`	Indica texto introducido por medio del teclado.
`<keygen>`	Encriptar datos de un formulario.
`<label>`	Define una etiqueta relacionada a un elemento <input> de un formulario.
`<legend>`	Escribe un nombre o leyenda en un cuadro generado por la etiqueta <fieldset>.
`<li>`	Define un elemento de una lista.
`<link>`	Realiza un enlace entre la página y un elemento o recurso externo.
`<main>`	Indica el contenido principal de una página.
`<map>`	Permite dividir una imagen para hacer clic en distintas áreas de la misma.
`<mark>`	Remarca un texto de un color.
`<menu>`	Permite crear un menú personalizado al hacer clic derecho con el mouse.
`<menuitem>`	Define un elemento de un menu creado con la etiqueta <menu>.
`<meta>`	Define los metadatos que van dentro de la etiqueta <heaad>
`<meter>`	Indica una medida dentro de un rango representada por una barra progresiva.
`<nav>`	Define una grupo de enlaces de navegación.
`<noframes>`	Muestra un contenido alterno en caso de que los frames no sean soportados.
`<noscript>`	Muestra un contenido altero en caso de que un script no sea soportado.
`<object>`	Insertar objetos embebidos como audio, video o aplets.
`<ol>`	Define una lista ordenada numericamente o alfabeticamente.
`<optgroup>`	Agrupa opciones relacionadas en una lista desplegable.
`<option>`	Define una opcion en una lista desplegable.
`<output>`	Indica el resultado de salida de una operación.
`<p>`	Para escribir un párrafo.
`<param>`	Define paramentros de un objeto de la etiqueta <object>.
`<pre>`	Etiqueta para escribir texto pre-formateado.
`<progress>`	Etiqueta para insertar una barra prograsiva.
`<q>`	Encierra un segmento de texto entre comillas.
`<s>`	Tacha texto con una linea horizontal.
`<samp>`	Indica que el texto es un ejemplo de salida de un programa de computadora.
`<script>`	Etiqueta para insertar un script.
`<section>`	Define una seccion de la página.
`<select>`	Define una lista desplegable en un formulario.
`<small>`	Etiqueta que cambia el texto a un tamaño mas pequeño.
`<source>`	Indica la dirección de un recurso de audio o video.
`<span>`	Define una sección de un texto.
`<strike>`	Indica invalidez a un fragmento de texto tachandolo con una línea horizontal.
`<strong>`	Marca texto importante del documento en negrita.
`<style>`	Etiqueta para agregar un estilo CSS dentro del documento HTML.
`<sub>`	Indicar una subíndice.
`<summary>`	Define un encabezado visible dentro de una etiqueta <details>
`<sup>`	Indicar una superíndice.
`<table>`	Inserta una tabla en la página.
`<tbody>`	Define el cuerpo de una tabla.
`<td>`	Agregar una columna en una tabla
`<textarea>`	Define un área de texto para ingresar texto desde un formulario.
`<tfoot>`	Indica el contenido que forma el pie de una tabla.
`<th>`	Agrega una "columa encabezado" a una tabla.
`<thead>`	Define el encabezado de una tabla.
`<time>`	Indica una hora o fecha.
`<title>`	Indica el título de la página.
`<tr>`	Inserta una fila o renglón en una tabla.
`<track>`	Especifica tracks de texto para elementos multimedia de audio o video.
`<tt>`	Texto teletipo.
`<u>`	Definir texto subrayado.
`<ul>`	Define una lista
`<var>`	Indica que el texto es una variable.
`<video>`	Insertar un video.
`<wbr>`	Indica un posible cambio de linea en el texto segun el tamaño del contenedor.

Dale sentido a cada pieza

Juntas, las etiquetas cuentan algo.

Aprende a combinarlas y empieza a construir tu primera página.

Entender las etiquetas