Aprendiendo Programación

Un blog enfocado al aprendizaje de la programación para newbies o principiantes y otras hierbas relacionadas

Curso – HTML Imágenes

1 comentario Publicado por Guadalupe Herrera Barragán en 20 diciembre, 2010

A una pagina no le pueden faltar los recurso gráficos!?.

como: imágenes, vídeos, animaciones, etc. Etc.

En esta séptima entrega del curso de HTML aprenderemos a insertar imágenes en nuestra pagina web.

El lenguaje HTML nos proporciona una etiqueta especial para insertar imágenes en una pagina web.

La etiqueta «img» no tiene cierre y cuenta con los siguientes atributos.

src: Sirve para indicar la imagen que queremos usar, generalmente es la dirección URL de la imagen.
alt: Sirve para mostrar una descripción de la imagen.
title: Sirve para poner un titulo a la imagen que se muestra al pasar el cursor por encima de la imagen.
border: Sirve para poner un borde en pixeles alrededor de la imagen.

También es posible poner los atributos antes vistos «width» y «height».

Veamos un ejemplo de insertar imagen en HTML.


<img src="ruta_imagen" />

Imágenes como enlaces

El HTML nos permite utilizar una técnica para hacer que una imagen se comporte como enlace hacia otra pagina web.

Para lograrlo hay que poner la etiqueta «img» como contenido de la etiqueta «a», así.


<a href="http://www.sitio.com"><img src="ruta_imagen" /></a>

también podemos usar una imagen de fondo para nuestra pagina, solo basta con poner el atributo «background» en la etiqueta «body» de inicio, así.


<html>

<head>

</head>

<body background="ruta_de_imagen">

<p>Pagina de ejemplo con imagen de fondo</p>

</body>

</html>

Bueno hasta aquí llega la esta entrega del curso de HTML 😉

Resumen

La etiqueta del HTML para insertar una imagen es «img», pose los atributos: src, title, alt, border.

Es posible poner una imagen como enlace, poniendo la etiqueta «img» como contenido de la etiqueta «a».

Cursos, HTML