Open In App

How to specify the width and height of the object in HTML5?

Last Updated : 01 Jun, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

The <object> tag is used to display multimedia like audio, videos, images, PDFs, and Flash in 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> tag and </object> tags is considered an alternative text that appears when the data specified is not supported by the browser. This tag supports all Global and Event attributes of HTML.

In this article, we will see how to set the width and height of an object using the HTML <object>  width, height Attribute.

Syntax:

<object width="value" height="value" >  
   Object value 
</object>

Attributes:

  • width: It specifies the width of the object.
  • height: It specifies the height of the object.

Example: In this example, we will see the use <object>  tag.

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        How to specify the width and
        height of the object in HTML5?
    </title>
</head>
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <h3>
        How to specify the width and
        height of the object in HTML5?
    </h3>
    <object data=
            width="450px"
            height="150px">
        GeeksforGeeks
    </object>
</body>
</html>


Output:


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads