Desarrollador web Full Stack

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...

En HTML, cada elemento que escribes en tu código ocupa un lugar en la página según reglas precisas que el navegador aplica automáticamente. Para comprender cómo se organiza visualmente una página web, es indispensable dominar la distinción entre los ...

**Recordatorio teórico: Listas anidadas en HTML** Una lista anidada es simplemente una lista que contiene otra lista en su interior. En HTML, esto se consigue colocando un elemento `` o `` directamente dentro de un `` de la lista padre, antes del cie...

**Recordatorio teórico** En HTML, las listas son elementos semánticos fundamentales para estructurar información agrupada. Existen tres tipos principales: la lista no ordenada (``), que agrupa elementos sin un orden jerárquico particular —ideal para ...

Las listas son uno de los elementos más utilizados en HTML. Permiten agrupar información de manera semántica, es decir, dando al contenido un significado preciso que tanto el navegador como los lectores de pantalla y los motores de búsqueda pueden in...

Este capítulo tiene un objetivo claro: permitirte evaluar de forma honesta y estructurada lo que has aprendido hasta ahora en la sección «HTML y estructuración semántica». No se trata de un examen con nota definitiva, sino de una parada reflexiva en ...

## Descripción del proyecto En este miniproyecto, crearás tu propio currículum vitae personal en formato HTML, aplicando todos los principios de semántica, accesibilidad y buenas prácticas aprendidos a lo largo del capítulo 'HTML y estructuración sem...

**Recordatorio teórico** Un código HTML limpio y bien comentado no es un lujo: es una exigencia profesional. En un entorno de trabajo real, tu código será leído, mantenido y modificado por otros desarrolladores (o por ti mismo dentro de seis meses). ...

En el desarrollo web profesional, la forma en que se nombran los archivos y se organiza la estructura de carpetas de un proyecto no es un detalle secundario. Es, por el contrario, una de las primeras señales que distingue a un desarrollador riguroso ...

Este capítulo marca un momento importante en tu recorrido como futuro desarrollador web: es el momento de hacer una pausa, mirar hacia atrás y tomar conciencia de todo lo que has construido desde el inicio del curso. Lejos de ser un simple repaso, es...

## Descripción del proyecto Este miniproyecto es la culminación de la sección introductoria del curso. El estudiante debe tomar un sitio web estático existente (creado durante los talleres anteriores o partiendo de una plantilla base proporcionada), ...

**Recordatorio teórico** Un README es el primer archivo que cualquier desarrollador, reclutador o colaborador leerá al llegar a tu repositorio. No es un documento de relleno: es la carta de presentación técnica de tu proyecto. Un buen README responde...

Markdown y README: presentación de tu proyecto Cuando un desarrollador publica un proyecto en una plataforma como GitHub o GitLab, lo primero que ve cualquier visitante no es el código fuente, sino el archivo README. Este archivo actúa como la portad...

**Recordatorio teórico** MDN Web Docs (Mozilla Developer Network) es la referencia técnica oficial para los estándares web: HTML, CSS y JavaScript. A diferencia de un tutorial de blog o un hilo de StackOverflow, MDN describe el comportamiento esperad...