Para linkar imagenes :
Código HTML:
<img scr="direccion de la imagen" alt="texto que saldra si no se carga la imagen">
La direccion de la imagen puede ser absoluta "http://dominio/directorio/imagen.extension" o bien relativad "./directorio/imagen.extension"
Las direcciones relativas funcionan de la siguiente manera :
- ./ te situa en el mismo directorio que la pagina actual
- / te situa en el directorio raiz (similar a poner solo el dominio)
- ../ baja un directorio (../../ baja dos directorios ../../../ baja tres y asi sucesivamente)
Las direcciones relativas tambien funcionan para links, hojas de estilo, ect
Para hacer que una imagen sea un link
Código HTML:
<a href="direccion a linkar"><img scr="direccion de la imagen"></a>
Para mas detalles sobre como poner imagenes asi como sus atributos te recomiendo seguir los links superiores de estos mismos foros asi como leer los distintos faqs