Cómo subir imágenes y editarlas usando HTML
Lo primero que debo explicar es que el hosting de imágenes (en particular) es usn servicio que diversas webs como Imageshack, Flickr, Photobucket, etc brindan en el que una imagen (de tu pc u otra página de internet) es subida a sus servidores brindando la ruta consiguiente.

La insercion de imagenes no resulta complejo, en general la sintaxis usada es la siguiente:


Donde url_de_la_imagen es la url de la imagen que se encuentra en algun servidor. Una imagen puede ser subida a un servidor si se cuenta con un servicio de webhosting (gratis o pagado), en particular les recomiendo estos sitios:

IMAGES HACK (vinculo de enlace: http://imageshack.us)
IMAGE SHOCK (vinculo de enlace: http://imageshock.eu)

Alli examinan el archivo desde otra url o de su pc yobtienen un LINK, ese es el LINK de la imagen (url_de_la_imagen), por ejemplo si queremos hostear una foto o imagen seguiremos estos pasos:

¿COMO HOSTEAR UNA IMAGEN?

1.- Nos dirijimos a la web de image hosting (en nuestra caso imageshack): 2.- Click en Examinar y/o damos la ruta del archivo en nuestra pc
3.- Damos click en host it!


4.- Esperamos unos segundos a que suba la imagen al servidor (el tiempo de espera depende del servidor, tamaño de imagen, formato de imagen)
5.- Obtenemos la url_de_la_imagen, seleccionamos, copiamos (CTRL+C) y listo. Este servidor nos dara muchas opciones de enlaces, como los aqui mostrados:

Nosotros usaremos este ultimo, asi:


Con eso ya tenemos la url de la imagen, pegamos esa url_de_la_imagen en nuestra barra de direcciones del navegador (ENTER) y nos direccionara a la imagen.

Muy bien, ahora para insertar la imagen en nuestro blog bastaría ir a la pestaña de la entrada del blog denominada "Edicion de HTML"


Y copiar el codigo:


Por cierto, esto originará una imagen del tamaño original alineada a la derecha del texto y en la misma linea, asi que pueden centrarla:


Ahora si quieren escribir a un lado de la imagen y obtener un texto algo asi (ejemplo):


Deben agregarla otros atributos aparte del src, los cuales son:


Atributo Valores Funcion
alt texto cualquiera Texto mostrado al poner el cursor sobre la imagen
align left, right Permite alinear la imagen horizontalmente
valign top, middle, bottom Permite alinear la imagen verticalmente
hspace 1,2,3,4,... Distancia horizontal de la imagen al texto (en pixeles)
vspace 1,2,3,4,... Distancia vertical de la imagen al texto (en pixeles)
border 1,2,3,4,... Dibuja un borde (default:negro, enlace:azul) alrededor de la imagen




El codigo que usa la imagen del ejemplo es este:

Saludos. ;D

En estos posts puedes aprender mas:

http://www.forobloggers.com/index.ph....html#msg12080
http://www.forobloggers.com/index.ph....html#msg12178