#Glosario del curso#Glosario del curso

Que una web pueda usarla cualquier persona, también con discapacidad o con tecnologías de apoyo.

Propiedad que alinea los elementos en el eje cruzado.

Texto alternativo que describe una imagen para quien no puede verla.

Meter un elemento dentro de otro. El de fuera es el padre y el de dentro, el hijo.

Contenido independiente que se entiende por sí solo, como un post o una noticia.

Contenido secundario o complementario, como una barra lateral.

Información extra de un elemento, escrita en la etiqueta de apertura como nombre="valor".

Valor de repeat() que crea tantas columnas como quepan en el ancho disponible.

Dibujo sencillo de cómo se organizan las secciones de una página, antes de programarla.

Parte de la página que contiene todo lo visible.

Borde que rodea una caja. Se define con grosor, estilo y color.

Propiedad que redondea las esquinas de una caja.

Propiedad que decide si width y height incluyen el padding y el borde (border-box) o no.

Elemento vacío que hace un salto de línea dentro del mismo párrafo.

Título de una tabla.

Sistema que decide qué regla gana cuando varias afectan a la misma propiedad de un elemento.

Casilla de verificación: se pueden marcar varias.

Nombre que se da a uno o varios elementos con el atributo class para darles estilo. En CSS se escribe con punto: .nombre.

El texto (HTML, CSS…) con el que está hecha una página.

Cuando dos márgenes verticales se tocan, se queda solo el mayor en lugar de sumarse.

Atributo que hace que una celda ocupe varias columnas.

Nota en el código, entre <!-- y -->, que el navegador no muestra.

Elemento con display: flex, cuyos hijos directos se colocan con Flexbox.

Diferencia de luminosidad entre el texto y su fondo, que decide si se lee bien.

Lenguaje que decide el aspecto de una página: colores, tamaños, tipografías y posiciones.

Sistema de CSS para colocar elementos en una cuadrícula de filas y columnas.

Pareja propiedad: valor; dentro de una regla.

Herramientas de desarrollo del navegador para ver y probar el HTML y el CSS de una página. Se abren con F12 o «Inspeccionar».

Diseño que se adapta al tamaño de la pantalla en la que se ve la página.

Propiedad que decide el tipo de caja de un elemento: block, inline, inline-block, none, flex, grid…

Caja genérica de bloque, sin significado.

Aviso de la primera línea que indica al navegador que la página usa HTML moderno.

Nombre de una web en Internet, como wikipedia.org.

Programa para escribir código en texto plano, con colores, numeración de líneas y ayudas. Ej.: VS Code.

Dirección perpendicular al eje principal.

Dirección en la que se colocan los elementos flex: horizontal en una fila, vertical en una columna.

Una pieza de la página: etiqueta de apertura, contenido y etiqueta de cierre.

Elemento que empieza en una línea nueva y ocupa todo el ancho disponible.

Elemento que se coloca dentro de la línea de texto y mide lo que su contenido.

Cada hijo directo de un contenedor flex.

Elemento sin contenido ni etiqueta de cierre, como <br> o <img>.

Elemento que marca énfasis, como un cambio de entonación al leer. Se ve en cursiva.

Título de una sección de la página. Hay seis niveles, de <h1> a <h6>.

Elemento <a> que lleva a otra página, a otra parte de la misma página, a un correo o a un teléfono.

Código que empieza por & y acaba en ; para mostrar caracteres especiales, como < para <.

Fuerza de un selector, que decide qué regla gana cuando varias chocan.

Marca de HTML escrita entre < y > que indica dónde empieza o acaba un elemento.

Final del nombre de un archivo que indica su tipo: .html, .css, .jpg…

Tipo de letra que siempre existe, como serif, sans-serif o monospace.

Pie de foto dentro de un <figure>.

Elemento que agrupa una imagen (u otro contenido) con su pie.

Propiedad que permite que los elementos flex bajen a una nueva línea si no caben.

Sistema de CSS para colocar elementos en una fila o una columna, repartirlos y alinearlos.

Colocación por defecto de las cajas: los bloques se apilan y los elementos en línea siguen el texto.

Estado del elemento activo, el que recibe lo que escribes o al que llegas con la tecla Tab.

Propiedad que elige la tipografía, como una lista de fuentes de reserva.

Pie de la página o de una sección.

Conjunto de campos con los que una web pide datos. Se escribe con <form>.

Unidad de Grid que representa una fracción del espacio libre.

Espacio entre los elementos de un contenedor flex o grid.

Servicio gratuito de GitHub para publicar webs estáticas desde un repositorio.

Catálogo gratuito de tipografías para usar en webs.

Propiedad que define cuántas columnas tiene una cuadrícula y cuánto mide cada una.

Parte de la página con información sobre ella (título, codificación…) que no se muestra dentro.

Cabecera de la página o de una sección.

Paso automático de algunas propiedades, como el color del texto, de un elemento a sus hijos.

Forma de escribir un color con # y seis cifras: dos para el rojo, dos para el verde y dos para el azul.

Archivo .css con las reglas de estilo de una web.

Servicio que guarda los archivos de una web en un servidor y la hace accesible en Internet.

Elemento vacío que separa dos temas. Se ve como una línea horizontal.

Atributo de <a> con la dirección de destino del enlace.

Lenguaje que describe el contenido de una página y qué es cada cosa: títulos, párrafos, imágenes, enlaces…

Forma de escribir HTML en la que cada etiqueta dice qué es su contenido.

Atributo con un nombre único para un elemento, que permite enlazarlo con #nombre.

Imagen que se encoge con su contenedor gracias a max-width: 100%.

Elemento vacío que muestra una imagen.

Nombre que recibe por convenio la página principal de una web o de una carpeta.

Valor de display para cajas que van en línea pero aceptan ancho, alto y márgenes.

Campo de formulario. Su atributo type decide qué tipo de dato recoge.

Lenguaje de programación que añade comportamiento a una página, como reaccionar a clics.

Propiedad que reparte los elementos en el eje principal.

Etiqueta visible y accesible que dice qué dato pide un campo.

Programa que lee en voz alta el contenido de la pantalla para personas ciegas o con baja visión.

Cada elemento de una lista (*list item*).

Altura de cada línea de texto; da aire entre las líneas.

Etiqueta del <head> que conecta una hoja de estilos con la página.

Extensión de VS Code que abre tu página y la recarga automáticamente cada vez que guardas.

Contenido principal de la página. Solo hay uno.

Margen: espacio transparente entre una caja y las de alrededor.

Ancho máximo de una caja: puede encoger, pero no crecer más.

Bloque de CSS que solo se aplica si la pantalla cumple una condición, como un ancho mínimo.

Función que da a una columna un tamaño mínimo y uno máximo.

Forma de trabajar que escribe primero el CSS del móvil y añade cambios para pantallas grandes.

Forma en que CSS trata cada elemento: una caja con contenido, relleno, borde y margen.

Atributo con el nombre con el que se envía el dato de un campo.

Bloque con los enlaces de navegación principales.

Programa que pide las páginas web y las dibuja en pantalla, como Chrome, Firefox, Safari o Edge.

Lista ordenada, numerada automáticamente (*ordered list*).

Grado en que un color deja ver lo que hay detrás. También se llama canal alfa.

Contorno que se dibuja por fuera de una caja sin ocupar espacio.

Elemento que marca un párrafo de texto.

Relleno: espacio entre el contenido y el borde de una caja. Tiene el fondo de la caja.

Cada uno de los puntitos que forman una imagen o una pantalla.

Texto de ejemplo que se muestra dentro de un campo vacío.

Lo que se cambia de un elemento, como color o font-size.

Selector que elige elementos según su estado o posición, como :hover o :first-child.

Ancho de pantalla en el que el diseño cambia mediante una media query (*breakpoint*).

Botón de opción: solo se puede marcar uno de los que comparten name.

Bloque formado por un selector y sus declaraciones entre llaves.

Unidad relativa al tamaño de letra base de la página, normalmente 16px.

Función que repite un tamaño de columna o fila varias veces.

Modelo de color que mezcla luz roja, verde y azul. En CSS: rgb(255 0 0).

Atributo que hace que una celda ocupe varias filas.

Dirección completa, con protocolo y dominio. Sirve para enlazar a otras webs.

Dirección calculada desde la carpeta del archivo actual. Sirve para enlazar tus propias páginas.

Parte temática de una página, normalmente con su propio encabezado.

Lista desplegable de opciones, cada una en un <option>.

Parte de la regla que indica a qué elementos se aplica.

Selector que elige el único elemento con un id. Se escribe con almohadilla: #nombre.

Selector con un espacio, como nav a, que elige elementos que están dentro de otros.

El selector *, que selecciona todos los elementos.

Ordenador conectado a Internet que guarda los archivos de una web y los envía a quien los pide.

Palabra que indica cuántas columnas o filas ocupa un elemento de la cuadrícula.

Caja genérica en línea, para marcar un trozo de texto sin significado especial.

Atributo con la ruta del archivo de una imagen, vídeo o audio (*source*).

Elemento que marca un texto importante. Se ve en negrita.

Formato de imagen vectorial: hecho de formas, se ve nítido a cualquier tamaño.

Elemento que contiene una tabla de datos.

Celda de datos (*table data*).

Campo de texto de varias líneas.

Texto sin formato oculto: solo los caracteres que escribes. Es lo que necesita un archivo HTML.

Celda de cabecera de una columna o una fila (*table header*).

Fila de una tabla (*table row*).

Lista sin orden, con viñetas (*unordered list*).

Dirección de un recurso en la web, como https://es.wikipedia.org/wiki/HTML.

Codificación de caracteres que incluye tildes, eñes, emojis y todos los alfabetos.

Comprobación de que los datos de un formulario son correctos antes de enviarlos.

Herramienta que revisa un HTML y avisa de errores, como validator.w3.org.

Cómo se cambia una propiedad, como red o 20px.

Elemento que reproduce un vídeo. Con controls muestra los botones de reproducción.

Zona de la ventana del navegador en la que se ve la página.

Web formada solo por archivos (HTML, CSS, imágenes) que se envían tal cual, sin programas en el servidor.