Vídeo Imágenes en HTML
Vamos a empezar una nueva serie de vídeos dentro de Línea de Código Estos nuevos vídeos serán más naturales, directos, didácticos e intentarán transmitir de una forma más personal los diferentes temas de programación.
Vídeos pensando en vosotros, vídeos que ayuden a aprender a programar.
El vídeo Imágenes en HTML
Sección titulada «El vídeo Imágenes en HTML»Para ello el primer vídeo será “Imágenes en HTML”. En el vídeo Imágenes en HTML podréis encontrar:
- El uso de la etiqueta img - elemento fundamental para insertar imágenes
- Los atributos de la etiqueta img - src, alt, width, height, title
- Las formas de referenciar una imagen desde el atributo src
- Cómo dar alto y ancho a una imagen usando width y height
- Para qué sirve el atributo title y cómo se renderiza en el navegador
- La importancia de la accesibilidad del atributo alt
Estructura básica
Sección titulada «Estructura básica»La etiqueta básica para insertar una imagen es:
<img src="ruta/imagen.jpg" alt="Descripción de la imagen">Atributos principales
Sección titulada «Atributos principales»Ejemplo completo con todos los atributos:
<img src="foto.jpg" alt="Descripción accesible" width="800" height="600" title="Texto que aparece al pasar el ratón">Ver el vídeo
Sección titulada «Ver el vídeo»Esperamos que disfrutéis de este nuevo formato de vídeos.
Podéis ver el vídeo directamente en YouTube: https://www.youtube.com/watch?v=ou-UwtE7fuk
Tu opinión cuenta
Sección titulada «Tu opinión cuenta»Además aceptamos cualquier tipo de comentario, ya sean críticas, puntos de mejora, si os gusta o no os gusta el nuevo formato. Cualquier comentario será muy apreciado.