viernes, 24 de febrero de 2017

Imágenes en HTML

Tutorial de HTML y principalmente su version 5

Imágenes

Las imágenes HTML se definen con la etiqueta <img>.

El archivo de origen (src), el texto alternativo (alt), el ancho, el alto se pasan con atributos.

Ejemplo:

<img src="brillantemente.jpg" alt="creativo.com" width="104" height="142">


El atributo src

Especifica la URL de una imagen.

Los atributos para el tamaño

  • El atributo width

    Especifica el ancho de una imagen.

    El tamaño de la imagen se especifica en pixeles: width=“104” significa que la imagen tendrá un ancho de 104 pixeles de pantalla.

  • El atributo height

    Especifica el alto de una imagen.

    El tamaño de la imagen se especifica en pixeles: height=“142” significa que la imagen tendrá un ancho de 142 pixeles de pantalla.

El atributo alt

El atributo alt específica un texto alternativo que se usara cuando una imagen no puede ser mostrada por una u otra razón.

El valor del atributo puede ser leído por los lectores de pantalla. De este modo, alguien que “escuche” la pagina web, es decir una persona ciega, puede “oír” el elemento.

<img src="luna.jpg" alt="imagen de una luna" width="104" height="142">


Aprenderás más sobre imágenes y la etiqueta <img> posteriormente en esta guía.

No hay comentarios.:

Publicar un comentario