HTML
Las etiquetas que forman el esqueleto de toda pagina web, con ejemplo visual, codigo y descripcion.
Estructura
<html>
Elemento raiz de todo documento HTML. Envuelve <head> y <body> y define el idioma con el a…
<head>
Contiene metadatos del documento: titulo, enlaces a estilos, charset y configuracion que n…
<body>
Contiene todo el contenido visible de la pagina: texto, imagenes, enlaces, tablas y demas …
<div>
Contenedor generico de bloque sin significado semantico propio. Se usa para agrupar elemen…
<span>
Contenedor generico en linea, sin significado semantico propio. Util para aplicar estilos …
<header>
Representa la cabecera de una pagina o de una seccion: suele contener el logo, el titulo y…
<footer>
Representa el pie de una pagina o de una seccion: suele contener creditos, enlaces legales…
<main>
Marca el contenido principal y unico de la pagina, excluyendo cabeceras, pies y barras lat…
<section>
Agrupa contenido tematicamente relacionado, normalmente con su propio encabezado.
<article>
Representa contenido independiente y autocontenido, como un post de blog o una noticia, qu…
<aside>
Contenido relacionado pero secundario respecto al contenido principal, como una barra late…
<nav>
Agrupa un conjunto de enlaces de navegacion principal, como el menu del sitio.
Metadatos
<title>
Define el titulo del documento, mostrado en la pestania del navegador y usado por los busc…
<meta>
Define metadatos del documento como el charset, la descripcion para buscadores o el viewpo…
<link>
Enlaza recursos externos al documento, como hojas de estilo CSS o el favicon.
<style>
Define reglas CSS directamente dentro del documento, sin necesidad de un archivo externo.
<base>
Define la URL base que se usara para resolver todas las URLs relativas de la pagina.
Texto
<h1>-<h6>
Seis niveles de encabezado, de h1 (mas importante) a h6 (menos importante). Definen la jer…
<p>
Define un parrafo de texto. Los navegadores anaden margen vertical automatico entre parraf…
<strong>
Indica que el texto tiene fuerte importancia. Los navegadores lo muestran en negrita por d…
<em>
Da enfasis al texto que envuelve. Los navegadores lo muestran en cursiva por defecto.
<b>
Resalta texto visualmente en negrita sin implicar importancia adicional, a diferencia de s…
<i>
Muestra texto en cursiva para indicar una voz o animo distinto, como un termino tecnico o …
<u>
Muestra texto subrayado, util para indicar errores ortograficos o anotaciones, sin ser un …
<small>
Reduce el tamanio del texto, tipicamente usado para notas legales o aclaraciones secundari…
<mark>
Resalta texto con un fondo amarillo por defecto, como si estuviera marcado con un resaltad…
<del>
Marca texto que fue eliminado de un documento, mostrado tachado por defecto.
<ins>
Marca texto que fue insertado o anadido a un documento, mostrado subrayado por defecto.
<sub>
Muestra texto en subindice, desplazado hacia abajo, comun en formulas quimicas.
<sup>
Muestra texto en superindice, desplazado hacia arriba, comun en notas al pie o potencias.
<blockquote>
Representa una cita larga proveniente de otra fuente, mostrada con sangria por defecto.
<q>
Representa una cita corta en linea, el navegador anade comillas automaticamente.
<cite>
Indica el titulo de una obra citada, como un libro, articulo o pelicula. Se muestra en cur…
<code>
Marca un fragmento de codigo dentro del texto, mostrado en fuente monoespaciada.
<pre>
Mantiene el formato exacto del texto, incluyendo espacios y saltos de linea, en fuente mon…
<kbd>
Representa una entrada de teclado del usuario, mostrada en fuente monoespaciada.
<samp>
Representa la salida de ejemplo de un programa o sistema, mostrada en fuente monoespaciada…
<var>
Representa una variable en un contexto matematico o de programacion, mostrada en cursiva.
<abbr>
Marca una abreviatura o sigla; el atributo title muestra el significado completo al pasar …
<address>
Contiene informacion de contacto del autor o duenio del documento, mostrada en cursiva por…
<time>
Representa una fecha u hora legible por humanos, con un valor legible por maquina en el at…
<br>
Inserta un salto de linea dentro de un bloque de texto. Es un elemento vacio, sin etiqueta…
<hr>
Inserta una linea horizontal que representa un cambio tematico entre dos secciones de cont…
Listas
<ul>
Lista desordenada. Cada elemento hijo debe ser un <li> y se muestra con una vineta.
<ol>
Lista ordenada. Cada elemento hijo debe ser un <li> y se numera automaticamente.
<li>
Elemento de lista. Debe estar dentro de un <ul>, <ol> o <menu>.
<dl>
Lista de descripcion, agrupa pares termino-definicion mediante <dt> y <dd>.
<dt>
Define el termino dentro de una lista de descripcion <dl>.
<dd>
Define la descripcion o definicion del termino anterior en una lista <dl>.
Enlaces y medios
<a>
Crea un hiperenlace a otra pagina, recurso o seccion de la misma pagina mediante el atribu…
<img>
Incrusta una imagen en la pagina. Es un elemento vacio (sin etiqueta de cierre) que requie…
<figure>
Agrupa contenido multimedia autonomo, como una imagen, junto con su leyenda mediante <figc…
<figcaption>
Define la leyenda o pie de un elemento <figure>.
<picture>
Permite ofrecer varias versiones de una imagen segun el dispositivo, usando <source> con u…
<source>
Especifica un recurso multimedia alternativo dentro de <picture>, <video> o <audio>.
Multimedia
<audio>
Incrusta contenido de audio con controles nativos de reproduccion.
<video>
Incrusta contenido de video con controles nativos de reproduccion.
<track>
Anade subtitulos, capitulos u otras pistas de texto sincronizadas a un <video> o <audio>.
<iframe>
Incrusta otro documento HTML dentro de la pagina actual, en su propio contexto de navegaci…
<embed>
Incrusta contenido externo gestionado por un plugin del navegador, como imagenes, PDF o vi…
<object>
Incrusta un recurso externo, como una imagen, PDF u otro documento, con contenido de respa…
<param>
Define un parametro de configuracion para un elemento <object>, usado principalmente en re…
Tablas
<table>
Define una tabla de datos. Se compone de filas <tr> con celdas <th> (encabezado) o <td> (d…
<thead>
Agrupa las filas de encabezado de una tabla, separandolas del cuerpo de datos.
<tbody>
Agrupa las filas que forman el cuerpo principal de datos de una tabla.
<tfoot>
Agrupa las filas de pie de una tabla, usadas comunmente para totales o resumenes.
<tr>
Define una fila dentro de una tabla, contenedora de celdas <th> o <td>.
<th>
Define una celda de encabezado de tabla, mostrada en negrita y centrada por defecto.
<td>
Define una celda de datos estandar dentro de una fila de tabla.
<caption>
Define un titulo o leyenda para una tabla, mostrado por encima de esta.
<colgroup>
Agrupa una o mas columnas de una tabla para aplicarles estilo en conjunto mediante <col>.
<col>
Define las propiedades de una columna especifica dentro de un <colgroup>.
Formularios
<form>
Contenedor para elementos interactivos que envian datos, como campos de texto y botones.
<input>
Campo de entrada de datos. El atributo type determina su comportamiento: texto, numero, ca…
<textarea>
Campo de texto multilinea, util para comentarios o mensajes largos.
<select>
Crea una lista desplegable de opciones, definidas mediante elementos <option>.
<option>
Define una opcion individual dentro de un <select>, <optgroup> o <datalist>.
<optgroup>
Agrupa varias opciones relacionadas dentro de un <select> bajo una misma etiqueta.
<button>
Boton clicable. Puede enviar un formulario, resetearlo o ejecutar codigo segun su atributo…
<label>
Asocia un texto descriptivo a un campo de formulario, mejorando la accesibilidad y el area…
<fieldset>
Agrupa visualmente varios campos relacionados de un formulario dentro de un recuadro.
<legend>
Define el titulo de un elemento <fieldset>.
<datalist>
Ofrece una lista de sugerencias predefinidas para un <input>, combinando texto libre con a…
<output>
Muestra el resultado de un calculo o de una accion del usuario dentro de un formulario.
<progress>
Muestra el progreso de una tarea, como la descarga de un archivo, mediante una barra visua…
<meter>
Representa una medicion escalar dentro de un rango conocido, como el uso de disco o una ca…
Interactivos
Scripting
Obsoletas
<marquee>
Hacia que el texto se desplazara automaticamente en pantalla, como un letrero animado.
<blink>
Hacia que el texto parpadeara. Nunca fue un estandar oficial y ningun navegador moderno la…
<center>
Centraba horizontalmente su contenido en la pagina.
<font>
Definia el color, tamanio y tipografia del texto directamente en el HTML.
<big>
Aumentaba el tamanio del texto un nivel respecto al texto circundante.
<tt>
Mostraba el texto en fuente monoespaciada, simulando una maquina de escribir (teletype).
<strike>
Mostraba el texto tachado, indicando que ya no era valido o relevante.
<acronym>
Marcaba un acronimo, mostrando su significado completo mediante el atributo title.
<applet>
Incrustaba un applet de Java dentro de la pagina.
<frameset>
Dividia la ventana del navegador en varios paneles independientes, cada uno con su propio …
<frame>
Definia un panel individual dentro de un <frameset>, cargando un documento independiente.
<noframes>
Mostraba contenido alternativo para navegadores que no soportaban <frameset>.
Ninguna etiqueta coincide con la busqueda.