ARTICLE

The embed tag in HTML5

Posted by Valon Ademi in Articles | HTML 5 on July 29, 2011

Tags: CSS, embed tag in HTML, embed tag in HTML5, HTML5, JavaScript, Learn HTML5, The embed tag in HTML5, XHTML

The embed tag is used for embedding another resource or interactive content into the document.

Tweet
1281
0

Reader Level: Beginner

Download Files:

EmbedTag.zip

The HTML <embed> tag is used for embedding another resource or interactive content into the document. The <embed> element is an empty element and this tag ending with the delimiter string />.This tag has no closing tag like <embed />. This tag is used to insert nonstandard elements content , typically a multimedia element that is not supported by HTML. You can use <embed > tag to add images, audio or video etc or you can write any thing in it.

Syntax :

<embed src="" type=""/>

This tag puts a browser plug-in in the page. A plug-in is a special program that adds specific abilities to a larger software application and it is located on the client computer not on your web server that handles its own special type of data file.

Attributes Introduced by HTML5
Attributes	Values	Description
src	url	This attribute specifies Address of resource file using URL.
type	type	This attribute used to specifies the MIME type of the embedded object and define type of media.
height	pixels	This attribute specifies the height of the embedded content.
width	pixels	This attribute specifies the width of the embedded content.

HTML5 Event Attributes
onabort	onblur	oncanplay
oncanplaythrough	onchange	onclick
oncontextmenu	ondblclick	ondrag
ondragend	ondragenter	ondragleave
ondragover	ondragstart	ondrop
ondurationchange	onemptied	onended
onerror	onfocus	onformchange
onforminput	oninput	oninvalid
onkeydown	onkeypress	onkeyup
onload	onloadeddata	onloadedmetadata
onloadstart	onmousedown	onmousemove
onmouseout	onmouseover	onmouseup
onmousewheel	onpause	onplay
onplaying	onprogress	onratechange
onreadystatechange	onscroll	onseeked
onseeking	onselect	onshow
onstalled	onsubmit	onsuspend
ontimeupdate	onvolumechange	onwaiting

Code:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<embed type="video/quicktime" src="mov/sample_sorenson.mov" width="340" height="250" />
<br />
<br />
<br />
<br />
<embed src="Image/moonchilde.jpg" type="image" height="400" width="400" />
</body>
</html>

Output

Fire Fox

Opera

Safari

Chrome

The embed tag in HTML5

Tags: CSS, embed tag in HTML, embed tag in HTML5, HTML5, JavaScript, Learn HTML5, The embed tag in HTML5, XHTML
Working With the <dl>, <dt> and <dd> Tags

Tags: css, dd tag, dl dt dd tag in html5, dl tag, dt tag, HTML5, XHTML

post comment

TOP LEADERS

View All

TRENDING UP

Learn MVC (Model view controller) Step by Step in 7 days – Day 3 Learn C# Corner - Home Using Border Radius and Gradients in CSS3: Part I Learn C# Corner - Footer iPhone 5 First Look Learn .NET and C# in 60 Days Lab13(Day 5): - Classes and objects Samsung Galaxy Note Review WCF - Authentication and Authorization in Enterprise Architecting How to write a good article on C# Corner How to Display Data in ListBox From SQL Database in ASP.NET

View All

Sponsored by

Become a Sponsor

MOST LIKED ARTICLE

Learn .NET in 60 days – Part 1 (13 Labs) Working with ProgressBar in C# Resizable TextBox in ASP.NET using AjaxControlToolKit Word Processing with an Extended Rich Text Box Control Notepad in C#

PREMIUM SPONSORS

Introducing MaxV - one click. infinite control. Hyper-V Hosting from MaximumASP.

Finally – a virtual platform that delivers next-generation Windows Server 2008 Hyper-V virtualization technology from a managed hosting partner you can truly depend on. Visit www.maximumasp.com/max for a FREE 30 day trial. Hurry offer ends soon. Climb aboard the MaxV platform and take advantage of High Availability, Intelligent Monitoring, Recurrent Backups, and Scalability – with no hassle or hidden fees. As a managed hosting partner focused solely on Microsoft technologies since 2000, MaximumASP is uniquely qualified to provide the superior support that our business is built on. Unparalleled expertise with Microsoft technologies lead to working directly with Microsoft as first to offer IIS 7 and SQL 2008 betas in a hosted environment; partnering in the Go Live Program for Hyper-V; and product co-launches built on WS 2008 with Hyper-V technology.

Introducing MaxV - one click. infinite control. Hyper-V Hosting from MaximumASP.

Finally – a virtual platform that delivers next-generation Windows Server 2008 Hyper-V virtualization technology from a managed hosting partner you can truly depend on. Visit www.maximumasp.com/max for a FREE 30 day trial. Hurry offer ends soon. Climb aboard the MaxV platform and take advantage of High Availability, Intelligent Monitoring, Recurrent Backups, and Scalability – with no hassle or hidden fees. As a managed hosting partner focused solely on Microsoft technologies since 2000, MaximumASP is uniquely qualified to provide the superior support that our business is built on. Unparalleled expertise with Microsoft technologies lead to working directly with Microsoft as first to offer IIS 7 and SQL 2008 betas in a hosted environment; partnering in the Go Live Program for Hyper-V; and product co-launches built on WS 2008 with Hyper-V technology.

LATEST JOBS

Applying for job Metro Style App Developer .NET Developer WPF or Silverlight exp Boston MA ASP .Net Developers Split Testing Designer .NET Developer Web Developer Application Engineer Expert .NET Developer Application Developer

View All Jobs |Post a New Job

The embed tag in HTML5

Related Articles