|
|
|
|
Imágenes HTML
Utilizar imágenes en HTML es fácil.
Para añadir una imagen a un documento HTML utilice el comando <img>. El comando o elemento imagen no requiere
un comando de cierre. Utilizamos el atributo "src" para mapear la situación de la
imagen al objeto imagen.
Ejemplo:
<html>
<head>
<title>Elemento Imagen HTLM</title>
</head>
<body>
<img
src="images/stuck.gif">
</body>
</html>
Las imágenes se pueden usar dentro de otros elementos HTML como los Anchors.
Los Tags imágenes tienen un atributo muy importante. El atributo se llama “alt”.
El atributo “alt” es un lugar de sostén para texto en el evento que los navegadores
de los usuarios no soporten el elemento imagen. Usted siempre debe hacer un hábito
completar este campo dado que cada robot de los motores de búsqueda utiliza este
campo para información. Si su navegador soporta imágenes (que la mayoría lo hacen)
la imagen se renderiza y no el valor “alt”.
Ejemplo:
<html>
<head>
<title>Imagen HTML con atributo
Alt</title>
</head>
<body>
<img
src="images/stuck.gif" alt="He can't come to the phone
right now.">
</body>
</html>
Con el ejemplo de arriba asignamos el valor “alt”. Ahora dependiendo del navegador
que esté utilizando, el navegador puede mostrar el valor tooltip con el valor alt.
Si quiere proporcionar una valor tooltip diferente, debe asignar un valor al atributo
“título”.
Ejemplo:
<html>
<head>
<title>Imagen HTML con atributo
Alt y título</title>
</head>
<body>
<img
src="images/stuck.gif" alt="He can't come to the phone
right now." title="Busy">
</body>
</html>
Haga unos cuantos ejemplos usted mismo.
|
|
|
|
|