Open In App

HTML <Object> tag

Last Updated : 26 Aug, 2024
Summarize
Comments
Improve
Suggest changes
Share
Like Article
Like
Report

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:

AttributeValueDescription
dataURLIt specifies the URL of data in the object.
typemedia_typeIt specifies the media type of data specified in the data attribute.
typemustmatchbooleanIt 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.
alignleft, right, top, bottomIt defines the alignment of the objects.
borderpixelsIt specifies the border around the object.
heightpixelsIt specifies the height of the object.
hspacepixelsIt specifies the whitespace on the left and right side of the object.
vspacepixelsIt specifies the whitespace on the top and bottom of the object.
heightpixelsIt specifies the height of the object.
widthpixelsIt specifies the width of the object.
namenameIt specifies the name for an object.
formform_idIt 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>&lt;object&gt;</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>

Output:

Screenshot-2023-12-15-153921

Supported Browsers 


Similar Reads