Continuamos con el curso de html, ya nos queda algo menos de la mitad, en esta clase vamos a ver como insertar correctamente imágenes en una web, las imágenes que se usan en las paginas de Internet, por lo general están en formato JPG, PNG o GIF.
Sintaxis
La sintaxis para añadir una imagen usando html seria:
<img src="url de la imagen alojada">
Atributos
ALT los buscadores son “ciegos” y no ven las imágenes insertadas por lo que le tenemos que añadir un atributo descriptivo como alt, en el añadiremos una descripción muy breve, usando pocas palabras de la imagen.Ejemplo alt “descripción imagen”
Title Además de alt podemos añadirle un titulo a nuestras imágenes de forma que al pasar el puntero por la misma se muestre al visitante, esto además de ser un detalle muy estético facilita a los buscadores la tarea de rastrear la imagen a la hora de incluirla en sus resultados.(como vereis es necesario haber explicado algo de SEO antes para comprender esto)
Height y width Significan alto y ancho respectivamente y sus valores representan los píxeles en los que queramos que se muestre la imagen en el navegador.Ejemplo height “125”
Border Muestra el grosor deseado del borde para la imagen .Ejemplo border “1”
vspace y hspace Sirven para indicar el espacio libre, en píxeles, que tiene que colocarse entre la imagen y los otros elementos que la rodean, como texto, otras imágenes, etc.
Alinear las imagenes
<p>
<img src="imagen.gif" align="right">Alinear imagen a la derecha del texto.
</p>
Otros valores de uso>
top Arriba del texto
bottom Ajusta el bajo de la imagen al texto.
Absbottom coloca la imagen en el elemento mas bajo de la linea
middle coloca la imagen en el centro (vertical(
absmiddle Coloca la imagen en el medio de la linea
Articulo BY S3L3N1TY
No hay comentarios :