Imágenes en HTML

Vamos a ver como podemos poner las fotos e imágenes que queramos en nuestra web, poner imágenes es una tarea casi imprescindible para que nuestra web quede más navegable y con un mejor estilo. Debéis tener en cuenta que las imágenes que queramos subir deben estar en formato JPG, GIF o PNG.


Para definir las características de nuestra imagen, tendremos que tener en cuenta los siguientes atributos que pondremos en el interior de la etiqueta de imagen (<img>):

src- Este atributo es obligatorio e indica el nombre del archivo (que lo pondremos entre comillas) en este campo se debe poner el URL que nos llevará a la imagen u fotografía.
align- Permite controlar la alineación de una fotografía con respecto al texto o a otras imágenes en esa línea, para llevar a cabo esta tarea necesitamos los campos bottom (abajo), middle (en medio), top (arriba), left (izquierda), right (derecha).
alt- Entre comillas se podrá poner un texto que si da error o no mientras que se carga podrán leer.
width- Este atributo es opcional pero yo os lo recomiendo ya que ayudáis al navegador, en este campo ponéis el ancho de la imagen u fotografía.
height-Esta es la hermana de width, dijimos que en width indicábamos el ancho de la imagen en esta indicamos el alto de la imagen y claro, pues también se recomienda.
border- Esta es la prima de height y de width, en este campo se debe poner el ancho del borde de la imagen (si es que lleva claro).

Ahora os pondré un ejemplo de ello:
  <img src="/nombre_de_tu_carpeta/nombre_de_tu_foto.jpg" width=140 height=210 border=0 alt="Aquí el nombre de la imagen">

Por cortesía de JoTo.
www.programacionweb.net

Usuarios que han visto este tema también han visto...

- Cómo hacer los mapas de imágenes en HTML
- Anidando etiquetas en HTM
- Nacimiento del HTML
- Texto preformateado con HTML
- Trabajar con mapas en HTML

- Versión imprimible de este documento
- Enviar por e-mail este documento