Agrega Imágenes [Jan. 8, 2012, 1:48 p.m.]
Nuestro archivo HTML se está pareciendo cada vez más al documento original, pero aún nos hace falta agregarle 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.
Cada elemento en HTML tiene sus propios atributos que podemos modificar. Algunos atributos (como src y alt) son obligatorios, por ende siempre que escribamos un elemento <img> debemos colocarle estos atributos. Otros atributos (como width y height) son opcionales, y podemos colocarlos si deseamos.
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