Código HTML para insertar una fotografía en una noticia:
Introducir una imagen en nuestra noticia NO es obligatorio, pero puede aportar más belleza a la noticia o llamar más la atención. Estos son los pasos que debes seguir:
1- Copiar la dirección de la imagen que quieres poner. Para ello:
- Si usas Firefox, pincha con el botón derecho del ratón sobre la imagen y da a "Copiar la ruta de la imagen".
- Si usas Internet Explorer, pincha sobre la imagen con el botón derecho y da a "Propiedades" y copia la dirección.
- Si usas otro navegador, los pasos serán similares.
2- El código HTML para insertar la imagen lo debes colocar en la descripción de la noticia:
- Código: Seleccionar todo
<img src="http://direccióndelaimagen" />
Sustituye http://direccióndelaimagen por la dirección de la imagen que copiaste.
Por ejemplo, a mi me ha gustado esta foto: http://www.zonalibre.org/blog/tenampa/archives/ojo.jpg
El código para subirla sería:
- Código: Seleccionar todo
<img src="http://www.zonalibre.org/blog/tenampa/archives/ojo.jpg" />
Y el resultado:
Si la foto es muy grande conviene entonces que le cambies el tamaño. Usa el siguiente código:
- Código: Seleccionar todo
<img src="http://direccióndelaimagen" width="X" height="X" />
Width es la anchura y height la altura. Sustituye la X por el ancho y alto de la imagen que desees poner.
En el caso de la foto anterior, vamos a reducir el tamaño. El código sería el siguiente:
- Código: Seleccionar todo
<img src="http://www.zonalibre.org/blog/tenampa/archives/ojo.jpg" width="200" height="300" />
Y el resultado (como ves, queda desproporcionado):
Para reducir una imagen proporcionalmente se usa el siguiente código:
- Código: Seleccionar todo
<img src="http://www.zonalibre.org/blog/tenampa/archives/ojo.jpg" width="10%" height="10%" />
Y el resultado:
Recuerda que no debes insertar imágenes muy grandes, teniendo en cuenta el espacio que hay para la noticia, más o menos las medidas máximas orientativas serían: 450 de ancho y 650 de alto.
Aquí puedes encontrar mas información.
