-[1.3 INSERCCIÓN DE IMÁGENES Y ENLACES]Como el título indica, en esta entrega veremos como insertar imágenes en nuestra web además de los hipervínculos o enlaces.
IMÁGENES<img />
Con la etiqueta en sí no tenemos nada por lo que vamos a ver los atributos
-src : este atributo es obligatorio ya que en él definimos la ruta de la imagen ya este en nuestro servidor o fuera de él.
<img src="carpeta/imagen.gif" /> o bien <br />
<img src="http://server.images/imagen.jpg" />
: es el nombre que saldrá sustituyendo a la imagen si ésta no ha sido hallada en la dirección del src.
<img src="carpeta/imagen.gif" alt="imagen del menu" />
-height : si queremos asignarle una determinada altura a nuestra imagen poned el valor en pixels.
<img src="carpeta/imagen.gif" height="200" /><--!La imagen tendra una altura de 200 pixels-->
-width : exactamente igual que el anterior sin embargo en este ponemos el ancho de la imagen. Estos atributos son opcionales, si no los definimos la imagen tomará los valores reales.
<img src="carpeta/imagen.gif" width="100" height="231" />
-border : este atributo conviene modificarlo y ponerlo a 0 ya que por defecto viene como 1pixel y el borde es algo cutre xD.
Ahora, que si os gusta con borde podéis ponerlo, las medidas están en pixels.
<img src="carpeta/imagen.gif" border="5" />
HIPERVÍNCULOS O ENLACES<a>...</a>
-href : atributo fundamental donde ponemos hacia donde nos dirigirá el enlace, es decir el destino que puede ser una web, un archivo...
<a href="destino.html">Texto que aparecera</a><br /><!-- Hacia un html -->
<a href="destino.jpg">Texto que aparecera</a><br /><!-- Hacia una imagen -->
<a href="carpeta/archivo.exe">Texto que aparecera</a>
<!-- ATENCION: para los archivos que no pueda reproducir el navegador como
por ej un .exe , saldrá la ventana para descargarlo,
de esa forma se hace :P -->
: este atributo tomará solo dos valores que serán:
_blank : abre el destino en una página nueva y deja abierta la que estabas.
_self : abre el destino en la página que estás.
por defecto está puesto en _self si están en el mismo servidor y en _blank si está en otro
<a href="destino.html" target="_blank">En nueva ventana</a><br />
<a href="destino.jpg" target="_self">In the same window :P</a>
CAMBIAR COLOR DE LOS ENLACESPara hacer esto deberemos modificar la etiqueta del body y añadirle unos atributos
-link : color del enlace a simple vista por primera vez.
<body link="red">...
-alink : color del enlace cuando hacemos click en él.
<body link="#CC0000" alink="blue">...
-vlink : color del enlace cuando ya lo hemos visitado.
<body link="#CC0000" alink="blue" vlink="#333333">...
fuente:
Necesitas ser usuario para ver los enlaces Crear Usuario Hacer Sesion
Venga, esto es todo por esta entrega
Saludos!!
pd: se agradecen los comentarios de ánimo en el post de sugerencias
Autor