HTML <Object> tag

Last Updated : 26 Dec, 2023

The <object> tag is used to display multimedia like audio, videos, images, PDFs, and Flash on web pages. It can also be used for displaying another webpage inside the HTML page. The <param> tag is also used along with this tag to define various parameters. Any text that is written within <object> and </object> tags is considered as an alternative text that appears when the data specified is not supported by the browser.

Note: The <object> tag indeed supports Global Attribute and Event attributes, allowing for various attributes and event handlers to be applied.

Attributes:

Attribute	Value	Description
data	URL	It specifies the URL of data in the object.
type	media_type	It specifies the media type of data specified in the data attribute.
typemustmatch	boolean	It indicates that the resource should be embedded only if the value of the type attribute matches with the type of the resource provided on the data attribute.
align	left, right, top, bottom	It defines the alignment of the objects.
border	pixels	It specifies the border around the object.
height	pixels	It specifies the height of the object.
hspace	pixels	It specifies the whitespace on the left and right side of the object.
vspace	pixels	It specifies the whitespace on the top and bottom of the object.
height	pixels	It specifies the height of the object.
width	pixels	It specifies the width of the object.
name	name	It specifies the name for an object.
form	form_id	It specifies the form id to which the object element belongs to.

Example 1: In this example, we will see the implementation of an object tag with an example.

HTML

<!DOCTYPE html>
 
<html>
 
<body>
    <h1>HTML Object Tag</h1>
   
    <!--HTML object tag starts here-->
   
    <object data=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png"
            width="550px" height="150px">
        GeeksforGeeks
    </object>
   
    <!--HTML object tag ends here-->
   
</body>
 
</html>

Output:

Example 2: In this example, we will see the implementation of an object tag with another example.

HTML

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <title>HTML Object Tag Example</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>Embedding an Image Using <code><object></code> Tag</h1>
 
    <object data=
"https://media.geeksforgeeks.org/gfg-gg-logo.svg"
            type="image/png">
        <img src=
"https://media.geeksforgeeks.org/gfg-gg-logo.svg"
             alt="Placeholder Image">
    </object>
</body>
 
</html>