Desarrollador web Full Stack

Las unidades relativas son la columna vertebral del diseño responsivo en CSS. A diferencia de las unidades absolutas como el píxel (px), las unidades relativas se calculan en función de un contexto: el elemento padre, el elemento raíz del documento o...

RECORDATORIO TEÓRICO El diseño responsivo no se limita a reorganizar bloques en la pantalla: también implica adaptar la tipografía para que sea legible en cualquier dispositivo. Existen tres enfoques principales para lograr fuentes responsivas con CS...

Los puntos de quiebre (en inglés breakpoints) son los valores de anchura de ventana gráfica en los que el diseño de una página web cambia para adaptarse mejor al dispositivo del usuario. Ya has trabajado con las consultas de medios (media queries) y ...

**Recordatorio teórico** Una media query (consulta de medios) es una regla CSS que permite aplicar estilos de forma condicional según las características del dispositivo o de la ventana gráfica (viewport). Su sintaxis básica es la siguiente: `@media ...

Las Media Queries (consultas de medios) son una de las herramientas más poderosas de CSS3. Permiten aplicar estilos específicos según las características del dispositivo o de la ventana gráfica (viewport) del navegador. Gracias a ellas, un mismo docu...

RECORDATORIO TEÓRICO El diseño responsivo es una filosofía de desarrollo web que permite que una interfaz se adapte fluidamente a cualquier tamaño de pantalla, desde un teléfono móvil hasta un monitor de escritorio de gran resolución. Tres conceptos ...

El diseño responsivo es una filosofía de desarrollo web que consiste en crear interfaces capaces de adaptarse automáticamente a cualquier tamaño de pantalla, sin necesidad de crear varias versiones distintas de un mismo sitio. Para dominar esta filos...

El diseño responsivo es una filosofía de desarrollo web que consiste en crear páginas capaces de adaptarse automáticamente a cualquier tamaño de pantalla, ya sea un teléfono móvil, una tableta o un monitor de escritorio. En lugar de crear varias vers...

A lo largo de este capítulo de HTML y estructuración semántica, has construido una base sólida: sabes estructurar un documento con las etiquetas correctas, respetar la jerarquía semántica, crear tablas accesibles, utilizar etiquetas en línea como abb...

## Descripción del proyecto Este miniproyecto de cierre de capítulo te invita a construir un **portafolio personal de varias páginas** aplicando todas las competencias de HTML semántico adquiridas a lo largo del capítulo. El sitio deberá estar estruc...

La estructuración semántica en HTML no es una simple convención estética ni un lujo reservado a expertos. Es una disciplina fundamental que determina la calidad técnica, la accesibilidad, el posicionamiento en buscadores y la mantenibilidad de cualqu...

RECORDATORIO TEÓRICO Una tabla HTML es accesible cuando cualquier usuario, incluidos quienes utilizan lectores de pantalla, puede comprender la relación entre los datos de las celdas y sus encabezados. Para lograrlo, HTML ofrece atributos y elementos...

RECORDATORIO TEÓRICO Las tablas HTML permiten estructurar datos tabulares, es decir, información que tiene una relación lógica entre filas y columnas. La etiqueta principal es , que contiene tres bloques semánticos fundamentales: (encabezado de la ta...

Las tablas en HTML permiten representar datos tabulares, es decir, información organizada en filas y columnas con relaciones entre ellas. Antes de profundizar en su uso correcto, es fundamental entender que las tablas HTML deben utilizarse exclusivam...

**Recordatorio teórico** Las etiquetas semánticas en línea ``, `` y `` tienen propósitos muy específicos y complementarios. La etiqueta `` sirve para marcar fechas, horas o duraciones de forma legible tanto para humanos como para máquinas; su atribut...

RECORDATORIO TEÓRICO Las etiquetas semánticas en línea permiten atribuir un significado preciso a fragmentos de texto dentro de un párrafo o de cualquier bloque de contenido, sin alterar la estructura general del documento. A diferencia de las etique...

Las etiquetas semánticas en línea son elementos HTML que se insertan dentro de un flujo de texto para aportar un significado preciso a una palabra, una expresión o un fragmento de contenido, sin interrumpir la estructura en bloques de la página. A di...

En los capítulos anteriores hemos visto cómo insertar imágenes con la etiqueta img, cómo usar el atributo alt para proporcionar un texto alternativo básico y cómo estructurar imágenes con figure y figcaption. Ahora vamos a profundizar en situaciones ...

RECORDATORIO TEÓRICO En HTML semántico, cada elemento debe tener un significado preciso que va más allá de su simple apariencia visual. Cuando trabajamos con imágenes, la etiqueta es el punto de partida, pero rara vez debe aparecer sola. El atributo ...

RECORDATORIO TEÓRICO En HTML, la etiqueta permite incrustar una imagen en una página web. Es un elemento vacío (sin etiqueta de cierre) que requiere dos atributos esenciales: src, que indica la ruta hacia el archivo de imagen (relativa o absoluta), y...

Las imágenes son elementos fundamentales en cualquier página web. Permiten transmitir información visual, ilustrar contenidos, decorar interfaces y enriquecer la experiencia del usuario. En HTML, la inserción y la descripción semántica de las imágene...

En el desarrollo web, cada vez que se crea un enlace de hipertexto, se inserta una imagen, se referencia una hoja de estilos o se enlaza un archivo JavaScript, es necesario indicar al navegador dónde encontrar ese recurso. Esta indicación se llama un...

**Recordatorio teórico** En HTML, los enlaces externos se crean con la etiqueta y su atributo href. Sin embargo, cuando el destino del enlace es una página o recurso externo, dos atributos adicionales son fundamentales: target y rel. El atributo targ...

**Recordatorio teórico** Las anclas HTML permiten crear enlaces de navegación interna dentro de una misma página. El mecanismo se basa en dos elementos complementarios: el punto de llegada (destino) y el enlace que apunta hacia él. El destino se defi...

Los enlaces de hipertexto son uno de los fundamentos del lenguaje HTML y, por extensión, de la web en su totalidad. Sin ellos, las páginas web serían documentos aislados, sin ninguna conexión entre sí. Comprender cómo funcionan los enlaces, qué etiqu...