Cómo Insertar Imágenes, Crear Tablas y Links con Imágenes en HTML | De Cero a Experto #2

¡Continuamos con el curso de Desarrollo Web: De Principiante a Experto! 🚀 En este segundo episodio dejamos el texto plano atrás para darle vida visual y estructura formal a nuestra web. Aprenderás a integrar imágenes de forma correcta, convertirlas en enlaces clickeables y organizar datos complejos utilizando tablas semánticas en HTML5 puro. 📌 En este episodio aprenderás: • Inserción de imágenes con img y uso correcto de rutas relativas y absolutas. • Importancia de los atributos src, alt (accesibilidad/SEO), width y height. • Cómo crear imágenes interactivas envolviendo img dentro de a. • Estructura básica y avanzada de tablas: table, tr, Th y td. • Organización semántica de tablas con thead, tbody y tfoot. • Atributos útiles para celdas combinadas: colspan y rowspan. ⏱️ Marcas de tiempo: 00:00 - Repaso del episodio 1 y qué haremos hoy 01:10 - Cómo insertar imágenes con la etiqueta img 04:00 - Rutas relativas vs. absolutas y buenas prácticas con carpetas 07:15 - El atributo ALT: por qué nunca debes omitirlo 09:40 - Imágenes clickeables: combinando a con img 12:50 - Introducción a tablas en HTML: filas (tr) y celdas (td/th) 17:10 - Estructura semántica de tablas (thead, tbody, tfoot) 21:30 - Combinar celdas con colspan y rowspan 24:50 - Reto práctico y avance del Episodio 3 (¡Introducción a formularios o primeros pasos con CSS!) 📂 Recursos y código: • Código y recursos de este episodio en GitHub: [Pega aquí tu enlace] • Documentación oficial (MDN) sobre tablas e imágenes: https://developer.mozilla.org/es/ 💬 Cuéntame en los comentarios qué fue lo que más se te complicó de las tablas. ¡Suscríbete y dale like para continuar con el episodio 3! #HTML #HTML5 #AprenderProgramacion #DesarrolloWeb #Frontend #CursoDeProgramacion