HTML <embed> Embed Tag
Tags: learnhtml, htmle
Published: 2021-05-10 05:40:38

---
title: HTML <embed> Embed Tag
published: true
date: 2021-02-23 20:33:56 UTC
tags: LearnHTML,HTMLE
canonical_url: https://sharepointanchor.com/learn-html/html-embed-tag/
---

In HTML, the <embed> Embed tag is used to **insert external applications** , multimedia, or any other interactive content on the web page. It acts as a **container for adding external resources**. The external resource can be an **application** , a browser **plug-in** , or a **video**.

![⚠](https://s.w.org/images/core/emoji/13.0.1/72x72/26a0.png) **Note** : The **<embed>** tag is **deprecated in HTML** and **not part of the HTML 4 standard**. But it is one of the **HTML 5 elements**.

<svg aria-hidden="true" focusable="false" data-icon="clock" width="20" height="20" fill="none" stroke="currentColor" style="display:inline-block;vertical-align:-0.1em" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>Estimated reading time: 3 minutes

## Syntax: 

The <embed> tag does **not require a closing tag** in HTML. But in **XHTML** , it contains both **opening <embed> tag** and **closing <embed/> tag**.

```

<embed attribute="value">

```

### HTML <embed> Tag Characteristics:
<style> th, td{ padding: 20px; } </style>

| HTML <embed> tag | Embeds external content into the document. |
| Content categories | Flow content, phrasing content, embedded content, interactive content, palpable content. |
| Permitted content | None, it is an empty element. |
| Tag omission | It must have a start tag, but no need to have an end tag. |
| Permitted parents | Any element that accepts embedded content. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | application, document, img, none, presentation. |
| DOM interface | HTMLEmbedElement |

## Sample of the HTML <embed> Tag:

```

<!DOCTYPE>
<html>
  <head>
    <title>HTML <embed> Tag</title>
  </head>
  <body>
<h2>Example of the HTML <embed> tag</h2>
<h4>Share Point Anchor Logo</h4>
    <embed src="https://sharepointanchor.com/wp-content/uploads/2021/01/SPA-LOGO.png">
  </body>
</html>

```

## Result:

![Result](https://sharepointanchor.com/wp-content/uploads/2021/02/logo-result.png)<figcaption>Result</figcaption>

### Download Sample File:

[HTML-embed-tag](https://sharepointanchor.com/wp-content/uploads/2021/02/HTML-embed-tag.html)[Download](https://sharepointanchor.com/wp-content/uploads/2021/02/HTML-embed-tag.html)

### Example of the HTML <embed> Tag to insert audio:

```

<!DOCTYPE>
<html>
  <head>
    <title>HTML <embed> Tag</title>
  </head>
  <body>
<h2>Example of the HTML <embed> tag for placing audio:</h2>
    <embed type="audio/mpeg" src="https://sharepointanchor.com/wp-content/uploads/2021/02/SPA.mp3">
  </body>
</html>

```

### Result:

![](https://sharepointanchor.com/wp-content/uploads/2021/02/Result-audio.png)<figcaption>Result</figcaption>

### Example of the HTML <embed> Tag to insert a Video:

```

<!DOCTYPE>
<html>
  <head>
    <title>HTML <embed> Tag</title>
  </head>
  <body>
<h2>Example of the HTML <embed> tag for placing a video:</h2>
    <embed type="video/ogg" src="https://sharepointanchor.com/wp-content/uploads/2021/02/final_602f76d11bb12f0036c1839a_923567.mp4?" width="300" height="200">
  </body>
</html>

```

### Result:

![](https://sharepointanchor.com/wp-content/uploads/2021/02/result-31.png)<figcaption>Result</figcaption>

## Attributes:

The **HTML Embed Tag** supports both the **Global attributes** and the **Event Attributes**.

<style> th, td{ padding: 20px; } </style>

| Attribute | Value | Description |
| --- | --- | --- |
| align | | The align attribute **specifies the alignment of the embedded content** on the page and the way it is wrapped around the text. |
| left | It helps to **align the left**. |
| right | It is used to **align the right side**. |
| center | This value specifies the **center alignment**. |
| justify | Aligns to the **right and left edges**. |
| height | pixels | It defines the **height of the embedded content**. |
| pluginspage | URL | **Address** , where we can download and install a necessary plug-in. |
| src | URL | It will **indicate the path to the file** which will be inserted in the <embed> tag. |
| type | MIME-type | Defines the **MIME type** (specification for the transmission over the network of files of various types) of the embedded content. |
| vspace | pixels | It **specifies the vertical indent** from the embedded content to the surrounding one. |
| width | pixels | This value used to specify the **width of the embedded content**. |

## Browser Support:

![](https://sharepointanchor.com/wp-content/uploads/2021/02/Browser-Support-11.png)<figcaption>Browser Support</figcaption>

### Related Articles:

- **[HTML <audio> Audio Tag](https://sharepointanchor.com/learn-html/html-audio-tag/)**
- **[HTML <datalist> Data List Tag](https://sharepointanchor.com/learn-html/html-datalist-data-list-tag/)**
- **[Basic HTML Definitions and Usages in the Real World](https://sharepointanchor.com/learn-html/basic-html-definitions-and-usages-in-real-world/)**
- **[HTML <area> Area Tag](https://sharepointanchor.com/learn-html/html-area-tag/)**
- **[HTML <code> Code Tag](https://sharepointanchor.com/learn-html/html-code-tag/)**

The post [HTML <code><embed></code> Embed Tag](https://sharepointanchor.com/learn-html/html-embed-tag/) appeared first on [Share Point Anchor](https://sharepointanchor.com).