Html

¿Cómo pongo una imagen con HTML?
[ Editado ]
Opciones
el 04-11-2005 08:14 PM - se editó por última vez el 04-10-2010 05:06 PM por univisionforos
- Lo primero que tienes que hacer es elegir la herramienta de .
-Después coloca en la caja de , el siguiente código <img src=" ">
 
-El siguiente paso es colocar la ubicación de la imagen en medio de las comillas del código HTML.
 
- Laubicación de la imagen la puedes encontrar si colocas el mouse sobre la fotografía y le das un click con el botón derecho. Una vez que te aparezca una ventana, elige la opción propiedades  y copia la ubicación de la foto.
 
- Posteriormente, pega la ubicación de la imagen entre las comillas del código.
 
- Si quieres ver cómo luce tu imagen, ve a y si lo deseas enviar a la comunidad sóloelige .

Más en Univision.com: http://foro.univision.com/t5/Ayuda-en-los-Foros/C%C3%B3mo-pongo-una-imagen-con-HTML/td-p/40912874#ixzz2AuOiOOyC
| Imágenes |

La etiqueta para incluir una imagen es la siguiente:
<IMG SRC="URL"> (no tiene etiqueta de cierre)
donde URL es la dirección de la imagen. La URL puede ser relativa o absoluta. Unos ejemplos aclararán este concepto:
<IMGSRC="gifs/nido.gif"> se verá como: . Esta es una dirección relativa.
<IMG SRC="http://spaceart.com/solar/raw/sat/saturn4.jpg"> insertaría en el lugar del documento donde hubieras puesto la etiqueta una bonita foto de Saturno con dos de sus lunas (Tetis y Dione), siempre que estuvieras conectado a Internet. Esta es una dirección absoluta, ya que la dirección no depende del directorio donde estéubicada la página que la contiene.
Atributos de IMG
Los atributos de la imagen pueden ser los siguientes:
ALT="Texto que aparece al situar el cursor sobre la imagen"
También muestra este mismo texto en caso de que el navegador no cargue la imagen.
ALIGN=
Nos indica la posición de la imagen respecto del texto. Después del signo igual, pueden ir los valores:
TOP si queremos que el textoesté alineado con la parte superior de la imagen
MIDDLE alinea el texto con la parte central de la imagen
BOTTOM alinea el texto con la parte inferior de la imagen
LEFT alinea la imagen a la izquierda de la página forzando la colocación del texto en la parte derecha y arriba
RIGHT alinea la imagen en la derecha de la página forzando la colocación del texto en la parte izquierda y arriba.

Si sequiere interrumpir el proceso de rellenado del texto a los lados de la imagen, para que salte hasta debajo de ella, es decir, dejar un espacio en blanco parcialmente, se pueden emplear las siguientes extensiones de la etiqueta <br>:
<br clear =left > Busca el primer margen libre (clear) a la izquierda.
<br clear = right> Busca el primer margen libre a la derecha.
<brclear =all > Busca el primer margen libre a ambos lados.
WIDTH=80, HEIGTH=100
Indican la anchura y altura de la imagen en píxels, en este caso 80x100 píxels.

Si especificamos las dimensiones de las imágenes, las páginas se cargan más rápido, debido a que el navegador reserva el espacio para ellas y sigue cargando el texto
BORDER=2
Añade un borde, a modo de marco, a la imagen. En este casode 2 píxels.
HSPACE=10 , VSPACE=15
Especifican el espacio horizontal y vertical que separa la imagen del texto que la rodea, en este caso 10 píxels horizontales y 15 verticales
Formatos de imágenes
Existen muchos formatos para guardar imágenes que tienen diferentes extensiones bmp, tiff, dib, wmf, etc. En internet se usan básicamente dos: GIF y JPG. Ambos formatos comprimen las imágenes parareducir su tamaño, de este modo se asegura una transferencia más rápida por la red. Esto es importante, ya que si la imagen se tarda en cargar, es posible que el visitante de nuestra pàgina la abandone por ello. En los casos en que es necesario poner una imagen con una resolución elevada para ver los detalles, es mejor colocar una imagen pequeña y usarla como enlace que nos conduzca a la imagen...