Glosario 147 términos · A–Z

Glosario

El vocabulario completo de HTML y CSS en un solo lugar. Cada término con entrada propia salta a la referencia; la jerga del oficio se explica acá mismo.

/

A

<a> html: El hipervínculo. Con href define el destino (URL, fragmento, mailto:, tel:); target controla dónde se abre; rel describe la relación con el destino.
<abbr> html: Marca una abreviatura o acrónimo. El atributo title proporciona la expansión completa, usada por lectores de pantalla y tooltips del navegador.
align-content css: Distribuye el espacio entre múltiples líneas de ítems en el eje cruzado de un contenedor flex. Solo tiene efecto cuando hay flex-wrap: wrap y más de una línea de ítems.
align-items css: Alinea los ítems flex a lo largo del eje cruzado dentro de su línea. Controla el comportamiento perpendicular al eje principal para todos los ítems del contenedor.
align-self css: Anula align-items del contenedor para un ítem flex individual, permitiéndole alinearse diferente al resto en el eje cruzado.
Anatomía y estructura de HTML html: HTML es un lenguaje de marcado basado en elementos: etiquetas, atributos y un esqueleto de documento mínimo que todo navegador espera encontrar.
<article> html: Contenedor para piezas de contenido autónomas y redistribuibles: posts de blog, noticias, comentarios de usuarios, tarjetas de producto o cualquier unidad que tenga sentido fuera de su contexto original.
<aside> html: Contenedor para contenido complementario o tangencial al contenido principal: barra lateral, nota al margen, publicidad, artículos relacionados o información biográfica del autor.
Atributo html: Un atributo es información extra que se escribe dentro de la etiqueta de apertura de un elemento para configurar su comportamiento, identidad o recursos.
<audio> html: Incrusta un reproductor de audio en la página con controles nativos del navegador, sin plugins ni JavaScript. Comparte los atributos principales con <video> y admite múltiples formatos mediante hijos <source>.

B

background css: Shorthand que agrupa en una sola declaración background-color, background-image, background-repeat, background-position y background-size. Resetea todas las sub-propiedades no declaradas explícitamente.
background-color css: Establece el color de fondo sólido de un elemento. El fondo cubre el área de contenido más el padding, y queda siempre debajo de cualquier background-image.
background-image css: Aplica una imagen o gradiente como fondo de un elemento. Acepta URLs de archivo, funciones de gradiente (linear-gradient, radial-gradient) y apilado de varias capas separadas por coma.
baseline (compatibilidad) jerga: En el contexto de caniuse/MDN, indicador de cuán ampliamente soportada está una característica web (Widely available, Newly available, Limited). No confundir con el concepto tipográfico de línea base del texto.
block vs inline jerga: Los dos modos de visualización base en el flujo normal: los elementos de bloque (block) ocupan el ancho completo y generan salto de línea; los de línea (inline) fluyen dentro del texto sin romperlo. Ver también display ·Flujo normal
<body> html: Contenedor de todo el contenido visible de la página HTML. Todo lo que el usuario ve — títulos, párrafos, imágenes, listas, formularios — vive dentro de <body>.
border css: Dibuja una línea visible alrededor del padding de un elemento. Requiere las tres sub-propiedades activas: width, style y color.
border-collapse css: Controla si los bordes de las celdas de una tabla se fusionan en uno solo (collapse) o si cada celda mantiene su propio borde con espacio entre ellas (separate).
border-radius css: Redondea las esquinas de la caja de un elemento. Con 50% en un cuadrado produce un círculo perfecto. No altera el box model ni el flujo del documento.
Box model css: El modelo de caja: todo elemento HTML es una caja rectangular compuesta por cuatro capas concéntricas (contenido, padding, border, margin).
box-shadow css: Agrega una o más sombras al exterior o interior de la caja. La sombra no ocupa espacio en el layout. Se define con offset-x, offset-y, blur, spread y color.
box-sizing css: Controla si width y height miden solo el contenido o incluyen también el padding y el border.
<br> html: Void element que inserta un salto de línea dentro de un bloque de texto. Correcto en poesía y direcciones postales; incorrecto para separar párrafos.
<button> html: Elemento interactivo que crea un botón clicable. Dentro de un formulario, su type por defecto es submit — envía el formulario al clicarlo. A diferencia de <input type="submit">, puede contener cualquier contenido HTML (texto, íconos, imágenes).

C

calc() css: Función de CSS que permite hacer operaciones matemáticas en los valores de propiedades, incluyendo la mezcla de unidades de distintos tipos como calc(100% - 2rem).
<caption> html: Título o leyenda de la tabla. Debe ser el primer hijo directo de <table>. Asocia programáticamente un nombre a la tabla — los lectores de pantalla lo anuncian al entrar, haciendo la tabla identificable sin leer sus celdas.
Cascada css: La cascada es el algoritmo con el que el navegador resuelve qué declaración CSS gana cuando dos o más reglas compiten por la misma propiedad en el mismo elemento; sus tres factores son el origen de la hoja, la especificidad del selector y el orden de aparición.
clamp() css: Función de CSS que devuelve un valor dentro de un rango definido: nunca sale del mínimo ni del máximo, pero escala suavemente en el medio según un valor preferido que normalmente usa vw. Permite tipografía fluida y layouts que escalan sin media queries.
color css: Establece el color del texto (y del contenido en línea) de un elemento. Hereda automáticamente a los elementos hijos y define el valor de currentColor en ese elemento.
Comentario HTML html: Un comentario HTML es texto en el código que el navegador ignora completamente al renderizar; sirve para anotar el código o desactivar fragmentos temporalmente.
CSS Grid css: Sistema de layout bidimensional de CSS: divide el espacio en columnas y filas simultáneamente, con control preciso sobre la estructura de la página y la ubicación de cada ítem.
Custom properties css: Las custom properties (también llamadas variables CSS) son propiedades definidas por el autor con el prefijo --, como --color-principal, que almacenan valores reutilizables en el documento y se consumen con var(). A diferencia de las variables de preprocesadores como Sass, viven en el navegador en tiempo real, participan de la cascada y se heredan hacia los elementos hijos.

D

Diseño responsive css: Enfoque de diseño web en el que una misma página se adapta correctamente a cualquier tamaño de pantalla, desde un teléfono hasta un monitor de escritorio, usando el viewport meta, media queries, unidades relativas e imágenes fluidas.
display css: Controla cómo se comporta la caja de un elemento y cómo participa del flujo del documento.
<div> html: Contenedor genérico de bloque sin semántica propia. Agrupa elementos para aplicar estilos CSS, definir zonas de layout o servir de gancho para JavaScript cuando ningún elemento semántico aplica.
<dl>, <dt>, <dd> html: Lista de descripción para pares término-definición. dl es el contenedor, dt el término y dd la descripción; un dt puede tener varios dd y viceversa.
<!DOCTYPE html> html: <!DOCTYPE html> es la declaración que va en la primera línea de todo documento HTML moderno; le indica al navegador que interprete el documento según las especificaciones actuales (standards mode).
DOM jerga: Document Object Model: representación en memoria del documento HTML como árbol de nodos. El navegador construye el DOM al parsear el HTML; el CSS se aplica a esos nodos. Ver también Cascada ·Herencia CSS ·Selectores

E

Elemento HTML html: Un elemento es la unidad mínima de HTML: la combinación de etiqueta de apertura, contenido y etiqueta de cierre que le dice al navegador qué tipo de contenido es lo que estás escribiendo.
<em> html: Marca énfasis de entonación: la palabra o frase que cambiaría el sentido de la oración si se lee con énfasis en voz alta.
Entidades HTML html: Secuencias de caracteres que representan caracteres reservados o especiales en HTML. Permiten mostrar <, >, & y otros caracteres sin que el navegador los confunda con código.
Especificidad css: La especificidad es el peso de un selector CSS que determina cuál declaración gana cuando dos reglas del mismo origen compiten por la misma propiedad; se calcula sumando puntos según el tipo de selector: inline style, IDs, clases/atributos/pseudo-clases, y tipos/pseudo-elementos.
Esqueleto del documento html: Todo documento HTML válido necesita cuatro piezas en orden: la declaración DOCTYPE, el elemento raíz html, y sus dos hijos obligatorios head y body. Sin ese esqueleto, el navegador entra en modo de compatibilidad y el resultado es impredecible.

F

<fieldset>, <legend> html: Agrupa controles de formulario relacionados bajo un tema común. <legend> es el título del grupo y debe ser el primer hijo del fieldset. Los lectores de pantalla anuncian el legend cuando el foco entra a cualquier control del grupo, dando contexto sin que el usuario tenga que explorar.
<figure>, <figcaption> html: Agrupa un contenido autocontenido (imagen, diagrama, código, cita) con su pie de figura, creando una unidad semántica reconocible por navegadores y tecnologías asistivas.
flex css: Shorthand que controla cómo un ítem flex crece, se encoge y cuál es su tamaño base en el eje principal. Combina flex-grow, flex-shrink y flex-basis en una sola declaración.
flex-direction css: Define la dirección del eje principal en un contenedor flex: si los ítems se disponen en fila o en columna, y en qué sentido.
flex-wrap css: Controla si los ítems flex se fuerzan a una sola línea o pueden fluir a múltiples líneas cuando no caben en el contenedor.
Flexbox css: Sistema de layout unidimensional de CSS: organiza elementos hijos en una fila o una columna, con control total sobre alineación, distribución y orden sin necesidad de floats ni hacks.
Flujo normal css: El mecanismo por defecto con el que el navegador dispone los elementos en la pantalla cuando no se aplica ninguna herramienta de layout explícita.
Fondos y bordes css: Propiedades CSS que decoran la caja por fuera del contenido: capas de fondo (color e imagen), formas con border-radius, sombras con box-shadow y el contorno de accesibilidad con outline.
font-family css: Define la tipografía del texto de un elemento mediante una lista ordenada de fuentes (pila de fuentes). El navegador usa la primera disponible en el sistema; la lista siempre cierra con una familia genérica como red de seguridad.
font-size css: Controla el tamaño del texto de un elemento. Hereda automáticamente a los hijos y sirve como base para calcular los valores en `em` y `rem` de los descendientes.
font-style css: Controla si el texto se renderiza en estilo normal, itálico u oblicuo. La diferencia entre `italic` y `oblique` está en si la fuente tiene una variante itálica diseñada o si el navegador inclina artificialmente la variante normal.
font-weight css: Controla el grosor (peso) de los caracteres de texto. Acepta valores numéricos del 100 al 900 y keywords como `normal` (400) y `bold` (700). El efecto visual depende de los pesos que la fuente tenga definidos.
<footer> html: Contenedor semántico para el pie de una página o sección: copyright, autoría, links secundarios, fecha de publicación y demás información de cierre del contenido.
<form> html: Contenedor que agrupa los controles de un formulario y define cómo se envían los datos al servidor: qué URL recibe los datos (action), con qué método HTTP viajan (method) y si el navegador puede omitir la validación nativa (novalidate).
Formas de aplicar CSS css: Hay tres formas de vincular CSS a un documento HTML: hoja externa con <link>, bloque <style> en el <head>, y atributo style="" inline; la hoja externa es la práctica recomendada para cualquier proyecto real.
Fuente css: Las cuatro propiedades de fuente CSS definen la tipografía en sí: qué familia de letras se usa, a qué tamaño, con qué peso visual y en qué variante (normal o cursiva). Todas se heredan automáticamente.
Fundamentos de CSS css: CSS le indica al navegador cómo presentar HTML. Para hacerlo, tres pilares se combinan: la sintaxis (cómo se escribe una regla), los selectores (a qué elementos se aplica) y la cascada (quién gana cuando hay conflicto).

G

gap css: Crea espacio entre los ítems de un contenedor flex o grid. A diferencia del margin, solo separa entre ítems — nunca en los bordes exteriores del contenedor.
grid-area css: Asocia un ítem grid a un área nombrada definida con grid-template-areas, o actúa como shorthand de las cuatro propiedades de línea (grid-row-start / grid-column-start / grid-row-end / grid-column-end).
grid-column, grid-row css: Ubican un ítem grid en la cuadrícula indicando las líneas de columna y de fila entre las que se extiende. Aceptan un rango inicio / fin, la palabra clave span N para extenderse N pistas, y líneas negativas para contar desde el borde final.
grid-template-areas css: Define el layout de un grid con nombres de zona legibles: en vez de contar líneas numéricas, cada fila se escribe como un string con los nombres de las áreas que la componen.
grid-template-columns css: Define las pistas de columnas de un grid: cuántas hay y cuál es el tamaño de cada una. Incluye la unidad fr, repeat(), minmax() y los valores auto-fill/auto-fit para grids fluidos.

H

<h1>–<h6> html: Seis elementos de encabezado que declaran la jerarquía del contenido de la página, del título principal (<h1>) a la subsección más profunda (<h6>).
<head> html: Contenedor de metadatos del documento HTML. Su contenido no se muestra en la página visible; incluye el título, la codificación, vínculos a hojas de estilo y otras instrucciones para el navegador.
<header> html: Contenedor semántico para la cabecera de una página o sección: logo, título del sitio, navegación principal y elementos de identificación del bloque al que pertenece.
height css: Controla el alto del área de contenido de un elemento. En producción se prefiere min-height para permitir que el contenido crezca.
Herencia CSS css: La herencia CSS es el mecanismo por el que ciertos valores de propiedades se transmiten de un elemento padre a sus hijos sin necesidad de redeclararlos; propiedades tipográficas como color y font-family se heredan, mientras que propiedades de layout como margin, padding y border no.
hoja de estilos del user agent jerga: Los estilos por defecto que el navegador aplica a los elementos HTML: <h1> tiene margen y tamaño, <a> tiene color azul, etc. El CSS del desarrollador los sobreescribe o los preserva. Ver también Cascada ·Herencia CSS
<hr> html: Void element que marca una transición temática en el contenido. Es un separador semántico, no una línea decorativa.
<html> html: El elemento raíz del documento HTML. Todo el contenido de la página — <head> y <body> — vive dentro de él. Su atributo lang declara el idioma del documento.

I

Imágenes y multimedia html: HTML embebe imágenes, audio y video como contenido reemplazado: img para imágenes simples, figure/figcaption para imágenes con descripción, picture para imágenes responsivas, y audio/video para medios con múltiples fuentes.
<img> html: Incrusta una imagen en la página. Es un void element: no tiene etiqueta de cierre.
<input> html: Void element de formulario cuyo comportamiento y apariencia cambian completamente según el valor del atributo type: desde un campo de texto hasta un selector de color, fecha, archivo o un checkbox. Es el control de formulario más versátil del HTML.

J

justify-content css: Controla cómo se distribuyen los ítems flex a lo largo del eje principal, determinando qué pasa con el espacio libre disponible en esa dirección.
justify-self css: Controla cómo se alinea un ítem grid dentro de su celda en el eje en línea (horizontal en escritura occidental). Es la contraparte de align-self para el eje de columnas, y no existe en Flexbox.

L

<label> html: Etiqueta textual que se asocia semánticamente a un control de formulario. La asociación amplía el área clicable del control y es el mecanismo principal por el que los lectores de pantalla anuncian el nombre de un campo al usuario.
letter-spacing css: Ajusta el espacio adicional entre caracteres de texto (tracking). Acepta valores en cualquier unidad de longitud CSS y negativos. Se hereda.
<li> html: Ítem de lista. Hijo directo de ul u ol; puede contener texto, elementos en línea, bloques e incluso listas anidadas.
line-height css: Controla la altura de cada línea de texto (el interlineado). El valor recomendado es un número sin unidad (como `1.5`), que se multiplica por el `font-size` del elemento y se hereda como factor, no como valor calculado.
<link> html: Void element que vincula recursos externos al documento HTML. Sus usos principales son stylesheet (cargar CSS), icon (favicon), canonical (SEO), y preload/preconnect (optimización de rendimiento). Va siempre dentro de <head>.
Listas en HTML html: HTML tiene tres tipos de lista: desordenada (ul/li), ordenada (ol/li) y de definición (dl/dt/dd). La elección entre ellas depende de si el orden importa y de si el contenido son términos con definición.

M

<main> html: Contenedor del contenido principal y único de la página: lo que cambia de una página a otra, lo que el usuario vino a ver, excluido el header, nav y footer compartidos.
margin css: Crea espacio exterior alrededor de un elemento, separándolo de sus vecinos. Es siempre transparente y admite valores negativos.
<mark> html: Marca texto resaltado o relevante en su contexto actual: resultados de búsqueda, el término que se está definiendo, la parte que el lector debe notar en ese momento.
media queries css: At-rule de CSS que aplica un bloque de estilos solo cuando se cumple una condición sobre el entorno del documento, como el ancho del viewport. Es la herramienta principal para cambios de layout explícitos en diseño responsive.
<meta> html: Void element que provee metadatos del documento al navegador y a los motores de búsqueda. Sus usos principales son charset (codificación), viewport (responsive), description (SEO) y Open Graph (redes sociales). No produce contenido visible.
Metadata del documento html: El elemento head contiene metadata que el navegador necesita pero que no se renderiza: title (título de la pestaña y del SEO), meta (charset, viewport, description, Open Graph) y link (hoja de estilos, favicon, fuentes).

N

<nav> html: Contenedor semántico para bloques de navegación principal del sitio o de la página: menú de secciones, breadcrumbs, paginación o índice de contenidos largos.

O

<ol> html: Agrupa ítems donde el orden sí importa. El navegador los numera automáticamente; los atributos type, start y reversed controlan la numeración.
opacity css: Controla la opacidad de todo el elemento: contenido, padding, borde e hijos incluidos. A diferencia del canal alfa de rgba(), opacity afecta al elemento completo y crea un nuevo contexto de apilamiento.
order css: Cambia el orden visual de un ítem flex dentro de su contenedor sin modificar el HTML. Un número menor aparece antes; el valor por defecto es 0.
outline css: Dibuja un contorno visible fuera del borde de un elemento. A diferencia del border, no ocupa espacio en el layout. Se usa principalmente como indicador de foco en accesibilidad.
overflow css: Controla qué pasa con el contenido que excede el área de la caja: dejarlo visible, recortarlo, mostrar un scrollbar o mostrarlo solo cuando hace falta.

P

<p> html: Elemento de bloque que representa un párrafo: la unidad semántica de prosa en HTML.
padding css: Crea espacio interior entre el contenido de un elemento y su borde. El fondo del elemento se extiende hasta cubrir el padding completo.
<picture> html: Contenedor HTML para art direction de imágenes: permite servir fuentes distintas según el tamaño del viewport o el formato soportado, con un elemento <img> de fallback obligatorio.
position css: Define el método de posicionamiento de un elemento: si permanece en el flujo normal o se saca de él, y cuál es su referencia de coordenadas para las propiedades top, right, bottom y left.
Propiedades CSS para tablas css: CSS define un modelo de rendering especial para tablas HTML. Las dos propiedades clave son border-collapse (cómo se fusionan los bordes entre celdas) y table-layout (cómo el navegador calcula el ancho de las columnas).
Pseudo-clases css: Las pseudo-clases son selectores que apuntan a un estado o posición de un elemento que no existe como atributo en el HTML, como :hover cuando el cursor está encima, :focus cuando tiene el foco, o :nth-child() para seleccionar por posición.
Pseudo-elementos css: Los pseudo-elementos son selectores que crean o apuntan a una sub-parte de un elemento que no existe como nodo en el HTML, como ::before y ::after para insertar contenido generado, o ::first-line para estilizar solo la primera línea de un párrafo.

R

reflow jerga: Proceso interno del navegador que recalcula la geometría del documento cuando cambia el layout (tamaño, posición, visibilidad). Puede ser costoso en performance si se dispara en bucle. Ver también display ·position ·overflow
renderizar jerga: Proceso por el que el navegador convierte el HTML/CSS en píxeles en pantalla. Incluye parsear, construir el DOM y el CSSOM, calcular el layout y pintar.
repaint jerga: Proceso del navegador que vuelve a pintar los píxeles de un elemento cuando cambia su apariencia (color, fondo) sin afectar la geometría. Es menos costoso que el reflow. Ver también background-color ·color ·opacity
reset CSS / normalize CSS jerga: Hojas de estilos que eliminan (reset) o estandarizan (normalize) los estilos por defecto del user agent para conseguir una base consistente entre navegadores. Ver también Cascada

S

<section> html: Elemento de agrupación temática de contenido que comparte un tema o propósito común dentro de la página, normalmente encabezado con un heading que lo identifica.
<select>, <option> html: Lista desplegable de opciones. <select> es el contenedor del control; <option> define cada opción individual con su valor de envío (atributo value) y su texto visible. Una variación con multiple permite seleccionar varias opciones.
Selectores css: Los selectores son la parte de una regla CSS que determina a qué elementos del HTML se aplican las declaraciones; existen selectores de tipo, clase, ID, universal, atributo, y combinadores como descendiente e hijo directo.
Semántica y estructura de página html: Los elementos de estructura de página (header, nav, main, footer, aside, section, article) declaran el rol de cada región. Los contenedores genéricos (div, span) no tienen rol semántico y solo agrupan para aplicar estilos.
shorthand jerga: Propiedad CSS que agrupa varias propiedades individuales en una sola declaración (por ejemplo margin: 8px 16px es shorthand de margin-top, margin-right, etc.). Ver también margin ·padding ·border
Sintaxis CSS css: La gramática del lenguaje CSS: una regla está compuesta por un selector y un bloque de declaraciones; cada declaración es una propiedad seguida de un valor separados por dos puntos.
<small> html: Marca texto secundario o de menor importancia: disclaimers, aclaraciones legales, notas al pie, letra chica. No es simplemente 'texto más pequeño'.
<span> html: Contenedor genérico en línea sin semántica propia. Marca un fragmento de texto o un grupo de elementos en línea para aplicar estilos CSS o servir de gancho para JavaScript cuando ningún elemento semántico aplica.
stacking context jerga: Contexto de apilamiento tridimensional que el navegador crea en ciertos elementos (con position no-static + z-index, opacity < 1, transform, etc.). Los elementos dentro se ordenan en el eje Z entre sí, no respecto del documento global. Ver también z-index ·position
<strong> html: Marca texto de importancia elevada, urgencia o seriedad. Los lectores de pantalla lo anuncian con énfasis; visualmente el navegador lo renderiza en negrita.
<sub> y <sup> html: Par de elementos que marcan subíndice (<sub>) y superíndice (<sup>). Tienen usos tipográficos concretos: fórmulas químicas, exponentes matemáticos, notas al pie y ordinales.

T

table-layout css: Selecciona el algoritmo que usa el navegador para calcular el ancho de las columnas: auto (por el contenido, más lento) o fixed (por la primera fila o los width declarados, más rápido y predecible).
<table> html: Contenedor de datos tabulares: información organizada en filas y columnas donde la relación entre ambas tiene significado real. Se construye fila por fila con <tr>, celdas con <td>/<th>, y se estructura semánticamente con <thead>, <tbody>, <tfoot> y <caption>.
<td> html: Celda de datos de una tabla. Contiene el valor de la intersección entre su fila y su columna. Los atributos colspan y rowspan permiten que una celda ocupe múltiples columnas o filas (fusión de celdas).
text-align css: Controla la alineación horizontal del contenido en línea dentro de un elemento de bloque: izquierda, derecha, centrado o justificado. Se hereda.
text-decoration css: Shorthand para agregar líneas decorativas al texto: subrayado, tachado, sobrelineado o ninguno. No se hereda, aunque se propaga visualmente a los descendientes.
text-overflow css: Define cómo se representa visualmente el texto que desborda su contenedor en una sola línea: recortado abruptamente (clip) o con puntos suspensivos (ellipsis). No se hereda.
text-transform css: Cambia las mayúsculas y minúsculas del texto en el render visual sin modificar el contenido del DOM. Acepta uppercase, lowercase, capitalize y none. Se hereda.
<textarea> html: Control de formulario para texto multilínea. A diferencia de <input>, tiene etiqueta de apertura y cierre, y el valor prefijado va entre las etiquetas (no en un atributo value). El usuario puede redimensionarlo con el manejador en la esquina inferior derecha.
Texto CSS css: Las propiedades de texto CSS controlan cómo fluye el contenido dentro de su caja: interlineado, alineación horizontal, decoración visual, transformación de mayúsculas, espaciado entre caracteres, tratamiento de espacios en blanco y desbordamiento.
Texto y contenido html: Los elementos de texto de HTML organizan el contenido en bloques con jerarquía (encabezados, párrafos) e inline con significado semántico (énfasis, abreviaturas, fechas). Elegir el elemento correcto comunica intención, no solo apariencia.
<th> html: Celda de encabezado de tabla. Describe a otras celdas — nombra una columna o una fila. El atributo scope (col/row/colgroup/rowgroup) declara la dirección del encabezado y es la pieza central de la accesibilidad en tablas de datos.
<thead>, <tbody>, <tfoot> html: Secciones semánticas que agrupan las filas de una tabla según su rol: <thead> contiene los encabezados, <tbody> los datos, <tfoot> el pie (totales o resumen). Mejoran la semántica, la navegación con lectores de pantalla, y el comportamiento al imprimir.
<time> html: Marca una fecha, hora o duración legible por máquinas. El atributo datetime usa el formato ISO 8601 para que motores de búsqueda y calendarios interpreten el dato correctamente.
Tipografía y texto CSS css: CSS controla el texto en dos dimensiones: las propiedades de fuente (qué tipografía se usa, su tamaño, peso y estilo) y las propiedades de texto (cómo fluye: interlineado, alineación, decoración, espaciado y desbordamiento).
<title> html: Título del documento HTML. Aparece en la pestaña del navegador, en los marcadores y en los resultados de búsqueda. Es el único elemento obligatorio dentro de <head> y debe ser único por documento.
top, right, bottom, left css: Las cuatro propiedades de desplazamiento (insets) que ubican un elemento posicionado respecto a su contenedor de referencia. No tienen efecto en elementos con position: static.
<tr> html: Fila de tabla. Contenedor obligatorio de celdas (<td> y <th>); va dentro de <table> directamente o dentro de <thead>, <tbody> o <tfoot>. Las columnas de la tabla emergen de la posición de las celdas dentro de cada fila.
transition css: Shorthand que anima suavemente los cambios de valor de una o más propiedades CSS cuando ocurre un cambio de estado, interpolando entre el valor inicial y el valor destino durante un tiempo definido.

U

<ul> html: Agrupa un conjunto de ítems donde el orden no importa. Cada ítem va en un <li>; el navegador los muestra con viñeta por defecto.
Unidades CSS css: Las unidades CSS definen la referencia de medida de cada valor numérico: absolutas (px), relativas al contenedor (%), tipográficas (em, rem) y de viewport (vw, vh). Elegir la unidad correcta determina si el diseño escala, es accesible y se comporta de forma predecible.
user agent jerga: El navegador (o cualquier agente que procesa HTML/CSS en nombre del usuario). Aparece en "estilos del user agent": los que el navegador aplica por defecto antes de cualquier CSS del desarrollador. Ver también Cascada ·Herencia CSS

V

valor computado vs. valor usado jerga: El valor computado es el resultado de aplicar la cascada y la herencia (por ejemplo font-size: 1.5em → 24px). El valor usado es el definitivo tras el layout. El alumno los encuentra en DevTools. Ver también Cascada ·Herencia CSS
var() css: Función CSS que consume el valor de una custom property: var(--nombre) inyecta el valor donde se usa, y var(--nombre, fallback) provee un valor de respaldo si la propiedad no está definida en ese ámbito.
<video> html: Incrusta un reproductor de video en la página, con controles nativos del navegador, soporte para múltiples formatos mediante hijos <source>, y subtítulos accesibles con <track>.
viewport jerga: Área visible de la página en el navegador; su tamaño determina qué entra en pantalla sin hacer scroll. En móvil difiere del ancho físico del dispositivo. Ver también media queries ·clamp()
Void element / Elemento vacío html: Un void element (elemento vacío) es un elemento HTML que no tiene contenido ni etiqueta de cierre; toda su información vive en sus atributos.

W

white-space css: Controla cómo se procesan los espacios en blanco y los saltos de línea del contenido de texto: si se colapsan los espacios múltiples, si se permiten saltos de línea automáticos y si se respetan los saltos del HTML. Se hereda.
width css: Controla el ancho del área de contenido de un elemento. Su comportamiento depende de box-sizing e incluye las variantes min-width y max-width.

Z

z-index css: Controla el orden de apilamiento de los elementos posicionados en el eje Z. Solo tiene efecto en elementos con position distinto de static, y opera dentro de contextos de apilamiento.