Si la imagen la tenemos nosotros en la misma carpeta que el sitio web, solo hay que escribir el nombre de la imagen
Si la imagen está en una subcarpeta de la carpeta del documento actual, lo que es muy recomendable si tenemos varias imágenes en la página, indica el nombre de dicha subcarpeta, seguido de una barra diagonal (/) y del nombre de la imagen
Se muestra una imagen que no está en nuestro ordenador ni en nuestro espacio web,sino directamente en Internet, en este caso en Freeimages, un sitio con imágenes gratuitas.Con el botón derecho copiamos la ruta de la imagen
Cada imagen debe acompañarse siempre de un texto que será mostrado en caso de que la imagen no está disponble y que sirve además como descripción en aplicaciones lectoras para personas con discapacidad visual.El texto alternativo se inserta con el atributo alt
Con los atributos width (ancho) y height (altura), podemos indicar explicitamente la anchura y altura que tendrá una imagen.Si unicamente se define la anchura, la altura será proporcional.El valor, entre comillas, puede venir expresado en dos formas diferentes:
En este caso, los estilos se encuentran mezclados con el código html
Los estilos inline tienen muchas limitaciones y hay que procurar evitarlos, simplemente si quisiéramos cambiar el tipo de letra en los título2, habría que ir haciéndolo de uno en uno y eso sería mucho trabajo para un sitio web grande.Para evitar esto, podemos centralizar los estilos insertando la etiqueta style dentro de la cabeza (head) del html
Lo mejor es separar el archivo html de los estilos, de esta forma es mucho más fácil leer los archivos html, además un mismo archivo CSS puede utilizarse para dar estilos a varios archivos html
Si el archivo CSS está guardado en el mismo directorio o carpeta que el html, hay que especificar una dirección relativa, como la siguiente:< link rel="stylesheet" type="text/css" href="nombre_del_archivo.css" >