Etiquetas object y img

Hoy hemos repasado la importancia de las etiquetas <img/> y <object></object>.

El elemento HTML object es usado para ejecutar aplicaciones externas como applets, películas flash o imágenes.

Este elemento se torna útil a la hora de mostrar contenido que no es nativamente soportados por los navegadores, al permitir a los autores especificar qué aplicación debería intervenir para mostrar correctamente el contenido personalizado.

Desde su comienzo, este elemento ha sido muy pobremente soportado por los navegadores, y aún hoy, sólo algunas instancias son compatibles. Este es el caso de las películas flash, que necesitan ser definidas con el uso de los atributos "data" y "type" (en lugar de "classid") para que funcione correctamente en navegadores como Netscape y Mozilla. Algunos atributos de este elemento tienen una fuerte naturaleza presentacional, por lo que han sidodesaprobados en HTML 4.01 en favor de las hojas de estilo. Estos atributos son: "align", "border", "hspace" y "vspace".

Ejemplos:

Código
<object data="/img/p/link-to-us/button.jpg" height="31" type="image/jpeg" width="88"></object>

Código
<object data="/img/button.swf" height="31" type="application/x-shockwave-flash" width="88">
<param movie="/img/button.swf" /></object>

1. Atributos
   1. id
   2. class
   3. style
   4. title
   5. dir
   6. name
   7. usemap
   8. tabindex
   9. width
   10. height
   11. classid>
   12. codebase
   13. codetype
   14. data
   15. type
   16. archive
   17. declare
   18. standby
   19. align
   20. border
   21. hspace
   22. vspace

Incluir imágenes en una página web es muy sencillo, simplemente debemos tener en cuenta que las imágenes tienen que tener los formatos GIF, JPG o PNG. Las imágenes dentro de una página web se incluyen utilizando la etiqueta , que no tiene una etiqueta correspondiente de cierre.
Ejemplo:
<img src="http://www.aprenderaprogramar.com/images/logo.png" alt="Logotipo APR2">

La etiqueta img dispone de estos atributos, algunos obligatorios, otros opcionales y algunos que ya no se recomienda usar (deprecated):

Ejemplos:

:

 Escribe este código en un editor de texto como bloc de notas ó Notepad++ y guarda el archivo con extensión html. A continuación visualízalo en tu navegador. Si no consigues ver las imágenes, es porque la ruta no está disponible. En ese caso introduce una ruta o el nombre de un archivo de imagen que tengas en el mismo directorio que el archivo html.