Horje
What is HTML <embed> Tag | HTML Tag Code
What is HTML <embed> Tag

The <embed> tag defines a container for an external resource, such as a web page, a picture, a media player, or a plug-in application.

Warning

Most browsers no longer support Java Applets and Plug-ins.

ActiveX controls are no longer supported in any browsers.

The support for Shockwave Flash has also been turned off in modern browsers.

Suggestion

To display a picture, it is better to use the <img> tag.

To display HTML, it is better to use the <iframe> tag.

To display video or audio, it is better to use the <video> and <audio> tags.


How to create An embedded image

The embed element
index.html
Example: HTML
<embed type="image/jpg" src="https://horje.com/avatar.png" width="300" height="200"> 

Output should be:

How to create An embedded image

How to create An embedded HTML page

The embed element
index.html
Example: HTML
<embed type="text/html" src="https://horje.com/learn/665/what-is-html-em-tag"  width="500" height="200">

Output should be:

How to create An embedded HTML page

How to create An embedded video

embedded video
index.html
Example: HTML
<embed type="video/webm" src="https://www.w3schools.com/tags/movie.mp4" width="400" height="300">

Output should be:

How to create An embedded video

What Browser will support for HTML embed Tag

What Browser will support for HTML embed Tag

Attributes for HTML <embed> Tag

Attribute Value Description
height pixels Specifies the height of the embedded content
src URL Specifies the address of the external file to embed
type media_type Specifies the media type of the embedded content
width pixels Specifies the width of the embedded content

How to set Default CSS Settings for HTML <embed> Tag

Most browsers will display the <embed> element with the following default values
index.html
Example: HTML
<style>
embed:focus {
  outline: none;
}
</style>

Output should be:

How to set Default CSS Settings for HTML <embed> Tag

How to add HTML <embed> height Attribute

A picture with a height and width of 200 pixels.

Definition and Usage

The height attribute specifies the height of the embedded content, in pixels.

Tip: Use the width attribute to specify the width of the embedded content.


Browser Support

Syntax

<embed height="pixels">

Attribute Values

Value Description
pixels The height of the embedded content, in pixels (i.e. height="100")
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h1>The embed height and width attributes</h1>

<embed type="image/jpg" src="https://horje.com/avatar.png" width="200" height="200">

</body>
</html>

Output should be:

How to add HTML <embed> height Attribute

How to add HTML <embed> src Attribute

An embedded picture.

Definition and Usage

The src attribute specifies the address of the external file to embed.


Browser Support

Syntax

<embed src="URL">

Attribute Values

Value Description
URL Specifies the address of the external file to embed.

Possible values:

  • An absolute URL - points to another web site (like href="http://www.example.com/hello.swf")
  • A relative URL - points to a file within a web site (like href="hello.swf")
index.html
Example: HTML
<embed src="https://horje.com/avatar.png">

Output should be:

How to add HTML <embed> src Attribute

How to add HTML <embed> type Attribute

A picture with a specified media type.

Definition and Usage

The type attribute specifies the Internet media type (formerly known as MIME type) of the embedded content.


Browser Support

Syntax

<embed type="media_type">

Attribute Values

Value Description
media_type The Internet media type of the embedded content.
Look at IANA Media Types for a complete list of standard media types.
index.html
Example: HTML
<embed type="image/jpg" src="https://horje.com/avatar.png">

Output should be:

How to add HTML <embed> type Attribute

How to add HTML <embed> width Attribute

A picture with a height and width of 200 pixels.

Definition and Usage

The width attribute specifies the width of the embedded content, in pixels.

Tip: Use the height attribute to specify the height of the embedded content.


Browser Support

Syntax

<embed width="pixels">

Attribute Values

Value Description
pixels The width of the embedded content, in pixels (i.e. width="100")
index.html
Example: HTML
<embed type="image/jpg" src="https://horje.com/avatar.png" width="200" height="200">

Output should be:

How to add HTML <embed> width Attribute



Read Full::
HTML Tag Code
Category:
HTML Code
Sub Category:
HTML Tag Code
Uploaded:
4 months ago
Uploaded by:
Admin
Views:
1

Related Articles
What is HTML <!--...--> Tag HTML Tag Code
What is HTML <!DOCTYPE> Declaration HTML Tag Code
What is HTML Elements and Doctypes HTML Tag Code
What is HTML <a> Tag HTML Tag Code
What is HTML <abbr> Tag HTML Tag Code
What is HTML <address> Tag HTML Tag Code
What is HTML <applet> Tag HTML Tag Code
What is HTML <area> Tag HTML Tag Code
What is HTML <article> Tag HTML Tag Code
What is HTML <aside> Tag HTML Tag Code
What is HTML <audio> Tag HTML Tag Code
What is HTML <b> Tag HTML Tag Code
What is HTML <base> Tag HTML Tag Code
What is HTML <basefont> Tag HTML Tag Code
What is HTML <bdi> Tag HTML Tag Code
What is HTML <bdo> Tag HTML Tag Code
What is HTML <big> Tag HTML Tag Code
What is HTML <blockquote> Tag HTML Tag Code
What is HTML <body> Tag HTML Tag Code
What is HTML <br> Tag HTML Tag Code
What is HTML <button> Tag HTML Tag Code
What is HTML <canvas> Tag HTML Tag Code
What is HTML <caption> Tag HTML Tag Code
What is HTML <center> Tag HTML Tag Code
What is HTML <cite> Tag HTML Tag Code
What is HTML <code> Tag HTML Tag Code
What is HTML <col> Tag HTML Tag Code
How to create HTML <colgroup> Tag HTML Tag Code
What is HTML <data> Tag HTML Tag Code
What is HTML <datalist> Tag HTML Tag Code
What is HTML <dd> Tag HTML Tag Code
What is HTML <del> Tag HTML Tag Code
What is HTML <details> Tag HTML Tag Code
What is HTML <dfn> Tag HTML Tag Code
What is HTML <dialog> Tag HTML Tag Code
What is HTML <dir> Tag HTML Tag Code
What is HTML <div> Tag HTML Tag Code
What is HTML <dl> Tag HTML Tag Code
What is HTML <dt> Tag HTML Tag Code
What is HTML <em> Tag HTML Tag Code
What is HTML <embed> Tag HTML Tag Code
What is HTML <fieldset> Tag HTML Tag Code
What is HTML <figcaption> Tag HTML Tag Code
What is HTML <figure> Tag HTML Tag Code
What is HTML <font> Tag HTML Tag Code
What is HTML <footer> Tag HTML Tag Code
What is HTML <form> Tag HTML Tag Code
What is HTML <frame> Tag HTML Tag Code
What is HTML <frameset> Tag HTML Tag Code
What is HTML <h1> to <h6> Tags HTML Tag Code
What is HTML <head> Tag HTML Tag Code
What is HTML <header> Tag HTML Tag Code
What is HTML <hgroup> Tag HTML Tag Code
What is HTML <hr> Tag HTML Tag Code
What is HTML <html> Tag HTML Tag Code
What is HTML <i> Tag HTML Tag Code
What is HTML <iframe> Tag HTML Tag Code
What is HTML <img> Tag HTML Tag Code
What is HTML <input> Tag HTML Tag Code
What is HTML <ins> Tag HTML Tag Code
What is HTML <kbd> Tag HTML Tag Code
What is HTML <label> Tag HTML Tag Code
What is HTML <legend> Tag HTML Tag Code
What is HTML <li> Tag HTML Tag Code
What is HTML <link> Tag HTML Tag Code

Single Articles
How to create An embedded image
How to create An embedded HTML page
How to create An embedded video
What Browser will support for HTML embed Tag
Attributes for HTML <embed> Tag
How to set Default CSS Settings for HTML <embed> Tag
How to add HTML <embed> height Attribute
How to add HTML <embed> src Attribute
How to add HTML <embed> type Attribute
How to add HTML <embed> width Attribute

Share on: