Insertar imagenes en HTML
De poco nos serviria una pagina web cuyo contenido sea puro texto, necesitamos incluirle imagenes para que la pagina sea llamativa y no aburir al visitante.
En este apartado aprenderemos a insertar una imagen desde el bloc de notas utilizando el codigo HTML.
La etiqueta para introducir una imagen es IMG y sus atributos permiten controlar las dimensiones de la imagen, su origen, el borde y algun comentario que deseemos incluir.
La sintaxis quedara de la siguiente forma: < img src="ruta_de_la_imagen" mce_src="ruta_de_la_imagen" border="0" align="left / center / right" valign="top / bottom / middle / absmiddle" alt="Comentario corto para la imagen" longdesc="Descripcion larga de la imagen" />
La etiqueta de imagen no tiene etiqueta de cierre por lo que deberemos cerrarla en el lugar (agregar un espacio el simbolo / ) antes de poner el simbolo mayor que ( > ).
Los atributos:
src: como valor incluiremos la ruta de la imagen.
Es preferible que las imagenes se encuentren en una carpeta un nivel inferior dentro de la carpeta en la cual tenemos los documentos HTML, ya que esto facilitara al navegador, y a nosotros mismos la busqueda de la imagen.
border: el valor es un numero natural.
Por defecto cuando le incluimos un vinculo a una imagen se le agrega a esta, un molesto recuadro de color azul, para evitar ese recuadro introduciremos el valor de cero (0).
align: es la alineacion horizontal.
Cuando queremos acompañar un parrafo de una imagen relacionada al texto, intriduciremos left como valor de align., esto hara que la imagen se posicione a la izquierda del texto.
valign: Es la alineacion vertical.
sus valores ubican a la imagen en esa posicion con respecto al texto.
alt: Comentario de las imagenes
seguramente nos hemos topado con sitios web que al pasar el cursor por encima aparece un cuadrito de color amarillo y dentro de el un texto. Pues ese texto se lo incluimos con el atributo alt.
longdesc: Descripcion larga de la imagen
parecido al atributo alt, sin embargo este no esta visible para el visitante, solo para los buscadores, no debemos exceder los 250 caracteres.