How to define an embedded object in HTML5 ?

How to define an embedded object in HTML5 ?

Last Updated : 21 Jun, 2020

In this article, you will learn how to define an embedded object by using the <object> element in the document. It is used to display multimedia objects like audios, videos, images, PDFs, and Flash in web pages. The element is also used for displaying any other webpage on an HTML page. This tag supports all the global and event attributes of HTML.

Syntax:

<object> ... </object>

Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        How to define an embedded 
        object in HTML5?
    </title>

    <style>
        body {
            text-align: center;
        }

        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>

    <h2>
        HTML5: How to define 
        a embedded object?
    </h2>

    <object data=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20200430164710/captured_voice.mp3">
    </object>
</body>

</html>

Output:

Supported browsers are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

How to define an embedded object in HTML5 ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to define a section in a document in HTML5 ?

In this article, we will discuss how to define a section in a document in html5. We can create a section in the document using the Section tag. HTML <section> Tag: Section tags divide content into section and subsection. The section tag is used when there is a requirement for two header, foote

How to define a variable in HTML5 ?

The <var> tag is used to define variables in HTML and specify mathematical equations or computer programs. The content inside the tag is usually displayed in italics in most browsers. Note:Â This tag is not deprecated but using CSS can create more dynamic effects. TheÂ <var>Â tag also suppo

How to define a client-side script in HTML5 ?

To define a client-side script in HTML5, we can do <script> tag or adding external script file by src attribute to the HTML file. <script> tag contains the JavaScript to be added for the client-side scripting. Syntax: <script> // JavaScript goes here console.log('GeeksforGeeks');

How to define metadata about an HTML document in HTML5 ?

The metadata means the information about data. The <meta> tag in HTML provides information about HTML Document or in simple words, it provides important information about a document. These tags are basically used to add name/value pairs to describe properties of HTML documents, such as expiry

How to define a parameter for an object using HTML ?

In this article, we define a parameter for an object by using the <param> tag in the document. In HTML, <param> tag is used to define the parameter for plug-ins which is associated with element. It does not contain the end tag. Syntax: <param name="" value=""> Example: The followin