Agrega Imágenes [Jan. 8, 2012, 1:18 p.m.]
Nuestro archivo HTML ya se parece bastante al documento original, pero aún nos hace falta agregar la imagen de la arroba.
El elemento <img>
En HTML se utiliza el elemento <img> para insertar imágenes. El elemento <img> solo utiliza una etiqueta, la cual tiene este formato:
<img src="/ubicacion/de/la/imagen" alt="texto alterno" />
Primero debemos estudiar un concepto que no habíamos visto hasta el momento:
Atributos
Un atributo como concepto general, es lo que tiene algo o alguien, por ejemplo, una persona tiene como atributo su tamaño, nombre, edad, peso etc.
Un carro tiene como atributo el color, la marca, modelo etc.
Los atributos en html, se usa con este mismo concepto.
El tag <img> tiene atributos, pues si pensamos en una imagen por ejemplo, podemos identificar atributos como altura, ancho. En el ambiente de programación una imagen tendría otro atributo muy importante que es la dirección de donde vamos a adquirir la imagen.
Esta dirección puede ser:
- Link de la web: el html es capaz de mostrar una imagen que ya este alojada en la web.
- Desde una carpeta en nuestra computadora: tendríamos que indicarle la dirección de la carpeta adonde esta la imagen. Recomendamos para mayor facilidad de esta practica colocar la imagen en el mismo folder o carpeta adonde tenemos nuestro documento .html para que sea mas fácil de encontrar.
para aprender a usar este tag, entra a este link.
Una vez agregué mi imagen al archivo, este esta quedando asi