Agrega Imágenes [Jan. 8, 2012, 1:35 p.m.]
Nuestro archivo HTML se está pareciendo cada vez más 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" />
Atributos
Un atributo es una propiedad que nos ayuda a describir a alguna persona o cosa. Por ejemplo, toda persona tiene los siguientes atributos: nombre, edad, altura, peso, etc. En cambio, los carros tienen atributos como: color, marca, modelo, etc.
En HTML se utilizan atributos para definir las propiedades de los elementos. En nuestro ejemplo, podemos observar que <img> está utilizando dos atributos: src y alt.
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