pregunta de imagenes

Hola chicos tengo una duda bueno supongamos que quiero poner imágenes en el contenido así por ejemplo

Estos son mis diseños

ACA LA IMAGEN
ACA LA IMAGEN
ACA LA IMAGEN
ACA LA IMAGEN


pero si pongo una imagen de ejemplo 900x900 se va a deformar mi web ya que se 800pixeles hay algún html que haga que la imagen se achica y que tengan que clikear en la imagen para verla en tamaño completo?

Boe acá no funciona el bbcode center xd

Bueno mira, en un editor html cualquiera, copias y pegas una imagen y puedes adaptarla en tamaño.

Pero para que puedas editarla en tamaño a mano, puedes usar este código medido en pixeles:

[img]http://www.comocreartuweb.com/phpBB2/images/smiles/icon_cry.gif[/img]

Allí lo que debes editar es el:
Width:105pixeles = Ancho <->
Height:266pixeles = Alto |

Pues ese código lo se pero si yo tengo una imagen ejemplo de tamaño 1024x900 y la reduzco a nose 500x500 se despixelara mucho además al hacer clic en ella no se agrandaría lo que yo quiero es un código HTML que reduzcan todas las imágenes a un tamaño de por ejemplo 700x700 y que al hacer click en la imagen se agrande se entiende lo que quiero?