Hoy es un día de Navidad atípico, con muchas restricciones debido a la pandemia mundial por COVID-19.

Sin más dilación, vamos al turrón:


  • a; Enlace a una URL. Tiene un parámetro href para poder pasar la URL.
  • abbr; Abreviación, suele incluir un parámtro title para incluir toda la descripción.
  • address; Información de contacto.
  • area; Indica un área interactiva dentro de un mapa.
  • article; Indica una sección independiente que puede existir en cualquer contexto. Dentro puede tener header, footer, etc.
  • aside; Sección del contenido relaccionada al contenido principal. Normalmente se usa para definir sidebars o barras de navegación laterales.
  • audio; Sirve para meter una fuente de audio que provenga de una URL. La URL se pasa mediente una etiqueta src.
  • b; Convierte un texto en negrita.
  • bdi; Aisla una parte del texto para poder voltearlo. Se suele usar cuando se inserta una palabra en un lenguaje que se lee de derecha a izquerda dentro de una frase que se lee al revés.
  • bdo; Igual que el tag HTML bdi solo que en lugar de asilar para poder decidir cómo tratar cada parte, direcamente se da la vuelta
  • blockquote; Define una cita a la que puedes asignar una fuente pasando una URL.
  • body; Contenido de toda la web. Solo puede haber in body en la web y tiene que ser el padre de las demás etiquetas.
  • br; Salto de línea dentro del texto
  • button; Botón clickable en la web
  • canvas; Lienzo en la web para poder pintar gráficos avanzados
  • caption; Define el título de una tabla
  • cite; Indica la fuente de un contenido creativo que no pertenece a la web
  • code; Para meter código de cualquier lenguaje de programación
  • col; Para definir columnas dentro de las tablas. Esta etiqueta va dentro de la etiqueta colgroup. Útil para aplicar estilos a columnas.
  • colgroup; Elemento padre de la etiqueta col. Define el conjunto de columnas de las tablas
  • data; Muestra un valor técnico o númerico en contenido entendible por las personas
  • datalist; Define las posibles opciones para el autocompletado de las etiquetas input
  • dd; Descripción de cada item dentro de una lista de definiciones dl
  • del; Indica que cierto texto ha sido borrado de la web. Los navegadores lo mostrará tachado.
  • details; Define un contenido que puede ser ampliado haciendo click sobre el elemento.
  • dfn; Especifica que un contenido va a ser explicado o aclarado dentro del propio contenido más adelante
  • div; La etiqueta más común de todas las webs. Bloque genérico de contenido.
  • dl; La etiqueta padre de las listas de definiciones. Dentro contiene las etiquetas dt y dd
  • dt; Cada término a definir dentro de las listas de definiciones dl
  • em; Para enfatizar un texto. Usualmente los navegadores lo renderizan como texto en cursiva.
  • embed; Contendio de otra url embebido en la web
  • fieldset; Para separar grupo de controles dentro de los formularios
  • figcaption; Para definir partes dentro de una etiqueta figure
  • figure; Para definir elementos auto-contenidos, usualmente imágenes o figuras
  • footer; Define el pie de página de un elemento o contenido
  • form; Para definir formularios con controles
  • h1; Encabezado de primer nivel, usualmente solo hay uno por página
  • h2; Encabezado de segundo nivel.
  • h3; Encabezado de tercer nivel
  • h4; Encabezado de cuarto nivel
  • h5; Encabezado de quinto nivel
  • h6; Encabezado de sexto nivel
  • header; Define el header de una página o de una sección
  • hr; Suele representarse como una línea horizontal para separar el contenido
  • i; Covierte un texto en cursiva
  • iframe; Sirve para insertar una página web completa dentro de otra. Normalmente se usa para insertar vídeos
  • img; Para insertar imágenes dentro de la web
  • input; Define un cuadro de texto para que los usuarios puedan escribir
  • ins; Define texto insertado desde otra fuente
  • kbd; Define una combinación de teclado a mostrar al usuario
  • label; Define el título de un control dentro de un formulario
  • legend; Define la leyenda para un elemento fieldset
  • li; Define cada item de una lista ul o ol
  • main; Contenido principal de la web
  • map; Para definir un mapa con imagen y elementos clickables
  • mark; Define un texto resaltado
  • meter; Define un medidor horizontal
  • nav; Para definir la navegación de la web
  • object; Define un contenedor para un objeto externo a la web
  • optgroup; Define un conjunto de opciones. Dentro tiene etiquetas
  • option; Cada una de las opciones a escoger por el usuario dentro de los
  • output; El resultado de una operación matemática realizada por el usuario
  • p; Para definir párrafos
  • pre; Sirve para preservar el formato del texto contenido. Se suele incluir junto a las etiqueta code
  • progress; Define una barra de progreso
  • q; Define una cita corta
  • s; Define texto tachado
  • section; Define una sección de contenido dentro de una página
  • select; Define un dropdown para que el usuario pueda seleccionar un item. Cada una de las opciones se define con option
  • small; Define contenido menos importate. Usualmente representado como elementos más pequeños
  • source; Define la fuente del contenido de laas imágenes, vídeos y audios
  • span; No representa ningún contenido semántico, igual que los divs pero inline
  • strong; Representa un elemento dentro del contenido que es muy importante
  • sub; Subíndices
  • summary; Define el título del elemento details. Es el que se muestra antes de que el usuario lo expanda
  • sup; Superíndices
  • table; Tablas
  • tbody; Para definir el contenido principal dentro de las tablas
  • td; Cada una de las columnas de las tablas
  • textarea; Cuadro de texta multilínea para que los usuarios puedan escribir más contenido
  • tfoot; El footer de las tablas
  • th; Define el header de cada una de las columnas de las tablas
  • theader; El header de toda la tabla. Contiene los th de cada una de las columnas
  • time; Define el tiempo en formato 24h
  • tr; Cada una de las filas de las tablas
  • u; Hace que un elemento se ponga subrayado
  • var; Define una variable de una operación matemática
  • video; Para meter un video o clip dentro de la página

Hasta el siguiente artículo.

Saludos,

Servicios

Software

IoT

Digitalización

Aplicaciones móviles

Consultoría