HTML - <object> Tag

Quiz

Introduction to <object> Tag

The <object> tag is used to embed external resources into a webpage such as audio, video, images or even other webpages. It provides a flexible way to add these resources, giving the ability to specify the fallback for unsupported formats. Unlike the embedding elements like <iframe> or <embed> , the <object> is more useful because it allows for dynamic interaction.

The <object> tag is used with the data attribute to specify the URL of the resource and the type attribute to define the MIME type.

Syntax

Following is the syntax of HTML <object> tag −

<object data="" type=""></object>

Attributes

HTML summary tag supports Global and Event attributes of HTML. Acceppts some specific attributes as well which are listed below.

Attribute	Value	Description
data	URL	Specify the url of resource which will be used into object.
form	form_id	Specify the belging form of the object.
height	pixels	Define the height of the object.
name	name	specify the name of the object.
type	media_type	Specifies the media type of data specified in the data attribute
width	pixels	Define the width of the object.

Example : Embedding an Image

Lets look at the following example, where we are going to embedding the image to the webpage.

<!DOCTYPE html>
<html>

<head>
    <title>HTML object Tag</head>
</head>

<body>
    <object data="/html/test.jpg" type="text/html" width="300" height="200"> 
       alt : <a href="/html/images/logo.png">test.jpg</a>
    </object>
</body>

</html>

Example : Embedding a Video

Consider the following example, where we are going to embedding the video to the webpage.

<!DOCTYPE html>
<html>
<head>
   <title>Object Tag</title>
</head>
<body>
   <h2>Embedding the video</h2>
   <object height="250" width="500" data="https://www.shutterstock.com/shutterstock/videos/3552321153/preview/stock-footage-online-services-visualization-in-a-diverse-modern-office-environment-top-down-view-on-a-futuristic.webm"></object>
</body>
</html>

Example : Embedding a Webpage

In the following example, we are going to embedding the webpage using <object> tag.

<!DOCTYPE html>
<html>
<body>
<object data="https://www.tutorialspoint.com/index.htm" type="text/html" width="800" height="600">
</object>
</body>
</html>

Supported Browsers

Tag
embed	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page