TOMEN CODIGO HTML!

(para los integrantes de granpollada y publico en general)

esto de los weblogs está bueno para aprender y practicar todo esto del codigo html sin aburrirse. acá abajo está mas o menos lo que se tiene que hacer para meter imágenes en un post (sin usar HELLOW u otra programa o pàgina especializada, que si pueden usarlas, haganlo tambien):

a) Copiar el url de la imagen que se quiera meter, e ir a "Edit HTML" para ingresar el siguente código:
img src="el url de la imagen" (entre < >)
NOTA: si se quiere poner una imagen propia, esa imagen se tiene que subir a la web en algún lugar que haga esta vaina del "hosting". Y uno de esos es www.imageshack.us Ahi suben la imagen y luego sale una pantalla donde la ultima opcion abajo es "Copy URL" y apretan esa opcion, y ya tienen copiado el url de la imagen ya subida.

b) Ahora en la pestaña "Compose" va a salir la imagen. Ahí la pueden poner en el lugar que quieran (jalandola con el mouse o apretando la barra espaciadora como si se estuviera corriendo un texto). Si es muy grande la imagen, a la hora de aparecer en la web va a ocupar todo el espacio de la pantalla y va a hacer que la barra del costado (donde aparecen los integrantes, los links, ...etc) se vaya para abajo (al menos en este blog). Entonces tendrìan que achicarla, tomando como referencia una linea blanca punteada que está señalada en el gráfico de abajo:



si se pasan de esa lìnea, el gráfico va a desplazar a la barra del costado a la hora de aparecer publicado.
por ejemplo, el grafico de Pipiloco McGraw de los beatles, y los de algunos de Reput han tenido que ser achicados para que entren bien en la pàgina.

c) Màs de la etiqueta IMG.

alt: este atributo es pa que cuando pasen el mouse por la imagen, salga un texto de explicación o de lo que sea. este es el còdigo usado acà:
img src="http://www.imageshack.us/img/imageshack.png" alt="el sapo de Imageshack" (entre < >)


align: este sirve para elegir la forma en que se va a alinear el texto circundante a la imagen. Hay varias opciones, pero la que nos interesa principalmente es LEFT y RIGHT. Estas hacen que el texto se alìnee desde la parte de arriba de la imagen (a diferencia de arriba donde el texto empieza recien desde la parte inferior del sapo) y a la izquierda o a la derecha. Por ejemplo acà està en LEFT porque la imagen està a la izquierda. Si se quisiera poner la imagen a la derecha se pone LEFT. Acà està el codigo usado:
img src="http://www.imageshack.us/img/imageshack.png" align="left" (entre < >)


hspace & vspace: es el espacio vertical y/o horizontal de distancia entre la imagen y el texto que circunda a la imagen. Se mide en nùmeros (supongo que seran pixeles). Por ejemplo acà ambos tienen un valor de 10. Los valores van desde el 0 hasta lo que se quiera o pueda. . El codigo pa este sapo:
img src="http://www.imageshack.us/img/imageshack.png" align="left" hspace="10" vspace="10" (entre < >)

NOTA: el orden de los atributos no altera el resultado. pueden ponerlos en el orden que quieran, porque luego el programa los ordena solo.