HTML <object> Tag
In this tutorial, we will learn about object tag in HTML with the help of examples.
<object> Tag
Object tag <object> is used to define a container for an external resource such as web page, a picture, a plug-in application or a media player.
Syntax
<object>.........</object>
Example
<!DOCTYPE html>
<html>
<head>
<title>Object Tag</title>
</head>
<body>
<object data = "html.png" width = "100px" height = "auto"></object>
</body>
</html>Output
Plug-ins
Plug-ins are computer programs that extend the standard fuctionality of the browser.
The <object> tag was originally designed to embed browser plugins.
We can perform different tasks using plug-ins . For example - Display flash movies, display maps, internet speed test, verify bank id etc.
Specific Attribute
| Attribute | Value | Description |
|---|---|---|
| align | Left right top middle bottom |
It specifies how to alignment of the object |
| archive | URL | It specifies a space seperated list of URL's to archives |
| border | pixels | It specifies the border around the object |
| classid | Class ID | It defines a class ID values as set in the windows Registry |
| codebase | URL | It specifies the path where a object code is located |
| codetype | mime type | It specifies the internet media type of the code referred to by the class id attribute |
| data | URL | It specifies the URL for the object |
| declare | declare | It defines that the object should only be declared, not created or instantiated until needed |
| form | form_id | It specifies which for the object belong to |
| height | pixels percentage |
It specifies the height of the object |
| hspace | pixels percentage |
It specifies the horizontal space around the object |
| name | text | It specifies a unique name for the object |
| standby | text | It defines a text to display while the object is loading |
| type | mime type | It defines a MIME type of the data specified in the data attribute |
| typemustmatch | true/false | It specifies the name of a client-side image map to used with the object |
| usemap | URL | It specifies the URL of a client-side image map to used with the object |
| vspace | pixels | It specifies the vertical space around the object |
| width | pixels percentage |
It specifies the width of the object |
Global Attribute
Object Tag support all the global attributes of HTML.
Event Attribute
Object Tag support all the event attributes of HTML.
Next Tutorial
We hope that this tutorial helped you develop better understanding of the concept of Object tag in HTML.
Keep Learning : )
In the next tutorial, you'll learn about HTML <ol> Tag.