Content · Web Development · HTML

HTML <embed> Element: Reference and Examples

Learn <embed> element reference with a clear explanation, practical HTML markup, a walkthrough and common mistakes to avoid.

1 views Published Oct 19, 2026 Updated Oct 19, 2026 Admin

You might see <embed> Element reference while reading someone else’s HTML, or need it while building a page of your own. Instead of memorizing a definition, look at a working example and see when the element makes sense.

The Idea in Plain English


Embeds an external resource that the browser can handle, such as a supported PDF. Provide a normal link as a practical alternative.

For a reference page, pay attention to where the element is allowed, whether it needs a closing tag, and what other elements it can contain.

A Working Example


Read the sample once before copying it. Notice the element names and attribute values, then compare them with the explanation below.

<embed src="/files/guide.pdf" type="application/pdf" width="600" height="400">
<p><a href="/files/guide.pdf">Open the PDF directly</a></p>

What Each Part Does


  • The embed element requests a browser-supported external resource.
  • The anchor is a link when its href points to a destination.
  • A paragraph keeps one idea together as readable text.
  • src points to the asset the browser should load.
  • type chooses the relevant kind of script, input, media or embedded object.
  • width reserves the image or embedded resource’s intended horizontal dimension.

A supporting browser can display the PDF inline; the link remains available.

Try It Yourself


Try replacing the example content with your own while keeping the valid HTML structure.

Common Beginner Mistakes


  • Assuming every browser supports every external MIME type.
  • Copying the code without checking whether its linked files or endpoints exist; sample addresses and file paths need real resources.
  • Choosing a tag only because its default appearance looks right, without checking whether it describes the content correctly.

Key Takeaways


  • Embeds an external resource that the browser can handle, such as a supported PDF. Provide a normal link as a practical alternative.
  • A supporting browser can display the PDF inline; the link remains available.
  • Test the markup in a browser, and check accessibility and real-world behavior where relevant.
Share this resourceSend this page to someone who may find it useful.