How to Set the height and width of the Canvas in HTML5?

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

Last Updated : 01 Jun, 2023

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=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png"
            width="450px" 
            height="150px">
        GeeksforGeeks
    </object>
</body>
</html>

Output:

How to Set the height and width of the Canvas in HTML5?

P

ppatelkap

Improve

Article Tags :

Similar Reads

How to Set the height and width of the Canvas in HTML5?

The canvas element is a part of HTML5 which allows us for dynamic, scriptable rendering of 2D shapes and bitmap images, facilitating the creation of games, graphs, animations, and compositions. To set the height and width of the canvas in HTML5, we can utilize the height and width attributes within

How to specify the width and height of the canvas using HTML ?

The <canvas> tag in HTML is used to draw graphics on web page using JavaScript. It can be used to draw paths, boxes, texts, gradient, and adding images. By default, it does not contain borders and text. Syntax: <canvas id="canvasID"> HTML Contents... <canvas> Attributes: The canvas

How to specify the width of an input element in HTML5 ?

We'll focus on how to set the width of input elements in a user-friendly and straightforward manner. To control the width of input elements like text fields, we can either use the size attribute (for text-based inputs) or apply custom styles using CSS (to define the width property).Let's start by cr

How to set the height and width of the video player in HTML5 ?

In this article, we will learn to set the width and height of the video player in HTML5. The following are the two scenarios The width and height of the video are fixed.Make the video respond to your screen width. Approach: The HTML5 width and height attributes of the video tag are used to set the h

How to specify the shape of the area in HTML5 ?

In the present article, we will be learning about the shape attribute of the HTML area tag and how it can be used to specify the shape of the area in HTML5.We use the shape attribute of the area element to specify the shape and can be paired up with the coords attribute to specify the shape, size, a

How to Set Width and Height of an Image using HTML?

When adding images to a webpage, it's important to set their dimensions using the height and width attributes in HTML. Without these dimensions, the browser won't know how much space to reserve for the image, which can cause layout shifts that disrupt the viewing experience. Note: Always specify the