Agrega Imágenes [Jan. 8, 2012, 2:10 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. Veamos cómo podemos hacer esto.
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 y siempre debemos definirlos, mientras que otros atributos (como width y height) son opcionales, y depende de nosotros si queremos o no colocarlos.
Para aprender cómo utilizar los atributos de <img>, te recomendamos visitar este link.
Direcciones Relativas vs Absolutas
Como la imagen está hospedada en la dirección http://trisfera.com/ejemplosRetos/convierteahtml/arroba.jpg
Puedo añadirla a mi HTML utilizando esta línea:
<img src="http://trisfera.com/ejemplosRetos/convierteahtml/arroba.jpg" alt="arroba" />
Y mi página quedaría de esta manera.