English version

Tag HTML object

Nota: Si no sabes lo que es un tag y/o cómo se debe utilizar, te recomendamos que leas nuestro tutorial "tags y atributos HTML" que puedes encontrar en nuestra sección de tutoriales HTML.

Tabla de contenidos

 

Descripción

El tag HTML object provee una forma de ejecutar aplicaciones externas. Generalmente, es usado para ejecutar applets, animaciones flash o para mostrar imágenes.

Atributos

id (name)

El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento.

Ejemplo:

Comienzo del código <p id="parrafo1">Este es el primer párrafo nombrado parrafo1. Para cambiar dinámicamente las propiedades del mismo usa este identificador.</p>Fin del código
 
 

class (cdata)

El atributo "class" asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos.

Ejemplo:

Comienzo del código <p class="referencias">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks</p>

<p class="referencias importante">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks... y es más importante que el anterior.</p>Fin del código
 
 

style (style)

Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro "style" deben preservar este orden "nombre : valor" y ser separados por un punto y coma.

Si estás escribiendo código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo "class").

Ejemplo:

Comienzo del código <p style="color: #0000FF; font-size: 12pt">Este es un párrafo con un estilo definido</p>
<p>Y este es otro texto sin estilo.</p>Fin del código
 
 

title (text)

Indica un título para el elemento. Usado para dar una descripción acerca del elemento que es usualmente mostrado como un "tool tip" cuando el usuario pone el puntero del mouse sobre el elemento.

Ejemplo:

Código Visualización
<a title="HTMLQuick.com" href="http://www.htmlquick.com">Código HTML</a> Código HTML
 

lang (langcode)

Especifica el lenguaje del contenido de un elemento. El valor predeterminado es "desconocido".

Al escribir código XHTML la sintaxis "xml:lang" representa una alternativa preferida en XHTML 1.0 y un reemplazo en XHTML 1.1 (por ejemeplo, xml:lang="en").

Ejemplo:

Comienzo del código <p lang="en">This is a paragraph in english.</p>
<p lang="es">Este es un párrafo en español.</p>Fin del código
 
 

dir

Especifica la dirección de texto del contenido y atributos del elemento, así como la direccionalidad de las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas:
  • RTL: Derecha a izquierda.
  • LTR: Izquierda a derecha.
Ejemplo:

Comienzo del código <q lang="he" dir="rtl">...Una cita en Hebreo...</q>Fin del código
 
 

tabindex (number)

Especifica la posición del elemento en el orden de tabulación. El orden de tabulación define una secuencia con todos los elementos que pueden recibir el enfoque. Los usuarios pueden navegar dicha secuencia mediante el teclado (usualmente con la tecla "tab").
 

usemap (uri)

Este atributo especifica el mapa de imagen al cual el elemento está relacionado. Para funcionar correctamente el atributo "usemap" de este elemento debe coincidir con el atributo "name" del tag HTML map asociado.

Ejemplo:

Comienzo del código <img src="http://www.htmlquick.com/es/img/examples/nav1.jpg" usemap="#nav1" alt="Menú de navegación" /> Fin del código
 
 

name (cdata)

Asigna un nombre de control al elemento.
 

align

Este atributo ha sido desaprobado

Especifica la alineación del elemento. Estos tres valores establecen la posición del elemento respecto del texto circundante:
  • bottom: Significa que el borde inferior del objeto debe alinearse verticalmente con la línea base actual. Este es el valor predeterminado.
  • middle: Significa que el centro del objeto debe alinearse verticalmente con la línea base actual..
  • top: Significa que el borde superior del objeto debe alinearse verticalmente con la línea base actual..
Estos dos valores establecen la posición de un elemento flotante:
  • left: La imagen flota sobre el margen izquierdo.
  • right: La imagen flota sobre el margen derecho.
 

width (length)

Asigna un ancho al elemento.
 

height (length)

Asigna una altura al elemento.
 

border (pixels)

Este atributo ha sido desaprobado

Especifica el ancho del borde del elemento.
 

hspace (pixels)

Este atributo ha sido desaprobado

Este atributo funciona como un margen para el elemento, definiendo la cantidad de espacio en blanco que debe insertarse a los lados derecho e izquierdo del elemento.
 

vspace (pixels)

Este atributo ha sido desaprobado

Este atributo funciona como un margen para el elemento, definiendo la cantidad de espacio en blanco que deberí ser insertado a los lados superior e inferior del elemento.
 

classid (uri)

Especifica un identificador de clase para el objeto.
 

codebase (uri)

Es usado como ruta base para resolver URIs relativas en los valores de los atributos "classid", "data" y "archive".
 

codetype (content-type)

Especifica el tipo de contenido de los datos definidos en el atributo "classid". Este atributo permite al navegador saber si soporta el objeto antes de descargarlo.
 

data (uri)

Especifica la ubicación de los datos del objeto.
 

type (content-type)

Designa el tipo de contenido del recurso definido en el atributo "data".
 

archive (uri)

Puede ser usado para especificar una lista separada por espacios de URIs que proveen archivos relevantes para el objeto. Esto puede ayudar a mejorar el tiempo de carga descargando los contenidos archivados.
 

declare

Este atributo booleano decide si la definición del objeto es solo una declaración. Si es así, otra definición de objeto puede establecerse como una instancia al referirse a esta declaración.

Recuerda que los atributos booleanos deben ser definidos en la forma nombre_atributo="nombre_atributo" para ser compatibles con el código XHTML.
 

standby (text)

Asigna un mensaje que el navegador puede mostrar mientras el objeto se esté cargando.
 


Eventos

  • onclick
  • ondblclick
  • onmousedown
  • onmouseup
  • onmouseover
  • onmousemove
  • onmouseout
  • onkeypress
  • onkeydown
  • onkeyup
Lista completa e información acerca de eventos en HTML


Ejemplos

En este ejemplo, el tag HTML object es usado para mostrar una imagen.
Código Visualización
<object data="http://www.htmlquick.com/es/img/links/button.jpg" type="image/jpg">
</object>

Tag HTML object insertando una animación Flash.
Código Visualización
<object classid= "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,0,0" id="HTMLQuick" width="88" height="31">
<param name="movie" value= "http://www.htmlquick.com/es/img/examples/htmlquick.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="http://www.htmlquick.com/es/img/examples/htmlquick.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="88" height="31"></embed>
</object>

Saltar opciones al pie Enviar a un amigo Enviar a un amigo