facebooktwitterstumbleupondel.icio.usdigg



Tutorial about HTML Embed Tag

HTML Embed Tag:


<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>




Explanation of HTML Embed Tag:

 

 

First of all, you may have seen many codes on the internet which you can actually use to insert a flash clock on your website pages, however, the above html embed tag is the most simple code you will ever see, and it works in all browsers on the internet, do not worry, it really works, you can test the above code on a simple online real-time html editor we actually provide below on this tutorial page.



embed tag (<embed ... </embed>)


This is the html tag, it is used to insert objects inside a website page, wherever you want and how many times you want, an object can be a flash movie (flash clock, website, animation, and other applications that use flash technology), or even a java applet which uses the java technology.



src=

 

This is the source (src) file location, is the direct link to where the flash clock is located, the direct link must contain the top level domain and the name of the flash clock file (the flash clock must be in swf format or it will not show on your page with the flash player).


If the flash clock is inside a folder, you must also insert the name of the folder in which is located just after the top level domain name, you must insert the exact location, or it will not show on your web site page.



width= , height=


width and height are parameters to configure, in pixels, the size in width and height of the flash clock, normally for a analog clock, the most used size for both height and width is 150 or even 200 (same value for both attributes), you must try different values however because you could want to display a flash clock in a smaller or bigger size, so it is up to you which value to give and ultimately use.



wmode=


wmode is a parameter extremely important and useful, do not forget to insert this parameter, if you use joomla or wordpress (or any other free blogging or website making platform or script), make sure this parameter is included in the html embed tag code, because the point is to blend the colors of the flash clock with the colors of your website,  the only purpose is to make any flash clock blend with your website background colors.


transparent is the only value you should insert, like it is on the above html embed tag, do not change it never, or the colors will not match at all, and the point is to make the flash clock blend with your website colors.


However, you should know there are 3 values to the parameter wmode:


. wmode=window

. wmode=opaque

. wmode=transparent


window value is used when you want to insert a flash clock or movie in a web site with the default background color that it was created with, sometimes it is the wise option because some flash clocks can only be seen in black or white backgrounds.


opaque also uses the same default color of the flash clock that was created, there is no pratical and significant difference between window value and opaque value, opaque means exactly what it says.


transparent value is the most used, the purpose is to make the flash clock or movie match the background color of the website, the point is to make all colors match, so the default color is disregarded by the flash player, making it transparent.



type=application/x-shockwave-flash

 

This is a simple parameter that must be included inside a html embed tag, the purpose is to communicate with the browser, namely to tell the browser of the visitor to your website that it must load/run the free flash shockwave player (if it is already installed on his computer operative system or as a browser plug-in) for the visitor to be able to see the flash clock.



</embed>

 

Every html tag must be closed, remember that html is also a programming language, and in each programming language the tags or operators must be closed in order for the browser to start processing the next tag or operator (if there is a next one), or the browser could in fact stop processing the entire code inside the website page, and that will lead to an incomplete load of a website.

 



Test HTML Embed Tag Online

Testing our HTML Embed Tag code


How to test the above html embed tag code, simple, just copy the following code and then enter inside the code area (the upper area) of the real-time html editor, you will see that it automatically appears inside the preview area (the lower area), works just like Adobe Dreamweaver but mostly like Microsoft FrontPage:



Copy and paste this code in the code area:


<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

 

 

Notes:

 

You should test different values for width and height, it is important you do it to understand how it works.