Las imágenes pueden mejorar la apariencia de una página web al dividir el texto y agregar interés visual. Las imágenes que son visibles en una página web son en realidad enlaces a una imagen interna o remota. En otras palabras, las imágenes son otro archivo, ya sea en el mismo servidor que la página web o en un servidor remoto. Para colocar una imagen dentro de una página web, debe indicarle al navegador dónde buscar la imagen. Esta información se coloca en el ""etiqueta con el atributo" src ".
Creando la Imagen
Si su imagen se encuentra en el servidor web que aloja su página web, puede colocar el nombre de la imagen en la etiqueta como: Sin embargo, si su imagen está ubicada en un servidor remoto, debe colocar un enlace a la imagen en la etiqueta como:
Ya sea que use una imagen local o remota, existen algunos atributos que puede usar para alinear su imagen en la página. El atributo "alinear" se utiliza para alinear la imagen horizontalmente. Los valores pueden ser "derecha", "izquierda" o centro. Por ejemplo, para colocar una imagen remota en el lado derecho de la página, el código HTML sería:
El atributo "valign" se utiliza para alinear la imagen verticalmente en la pantalla. Los valores pueden ser "superior", "inferior" y "central". Para alinear el ejemplo anterior en la parte superior derecha de la pantalla, el código sería:
Otro atributo es el atributo "alt". Se utiliza para colocar el texto donde debería estar la imagen si el visitante está utilizando un navegador web basado en texto o si el enlace a la imagen está roto. El atributo "alt" se utiliza de la siguiente manera:
Finalmente, puede hacer que su imagen se convierta en un hipervínculo agregando la etiqueta "". Esto permite a los visitantes hacer clic en la imagen que se va a llevar a una página remota oa la propia foto. El código HTML para crear una imagen con un hipervínculo es:
