HTML Lección 3

03-Dec-2013

Cómo insetar imágenes, crear enlaces y hacer una lista en HTML.

imágen html 4 css php como insertar

 

Insertar imágen.

 

Insertar una imagen es un tema muy sencillo, nos basta con saber la dirección de la imágen.

<img src="ruta/mi_imagen.jpg" alt="Mi_Imagen" / >

Como vemos, es la etiqueta img la que usaremos, como albergará texto alguno, nos basta con cerrarla al final así <img />.

Como verás la etiqueta img no está sóla, las otras claves son "propiedades de etiqueta", src determina la dirección completa de la imágen, alt con esta etiqueta defines la descripción de la imágen, texto que será impreso si el navegador no consigue cargarla.

Otros atributos o propiedades.

Width

Define el ancho de la imágen a ser insertada.

Height

Define el alto de la imágen a ser insertada.

HSPACE

Define la distancia de los lados derecho e izquierdo de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.).

VSPACE

Define la distancia de los lados superior e inferior de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.).

Un ejemplo de todo ésto sería...

<img src="ruta/mi_imagen.jpg" alt="Descripcion_de_imagen" width="400" height="200" vspace="2" hspace="2" />

 

Crear enlace.

 

<a href="ruta_enlace"> Aquí va el texto del enlace </a>

 

Href

Este atributo define la dirección a la cual apunta el enlace.



Comentarios. -