CodeNique - Free Tutorials on HTML, XHTML, CSS and More Online!

In this tutorial, I am going to show you how to add a Java applet that will play in both Internet Explorer and Firefox as well as other types of browsers and will also validate. We will need to use the <object> tag and its attributes classid, type, width, and height. We will also need the <param> tag and its required name attribute along with the value attribute. We will also need one more thing, which is Internet Explorer’s conditional comments, which I will explain in a bit.

Before I begin, Java is not JavaScript they are two completely different types of technologies. Java is used to create small applications like applets, calculators, clocks, drawing shapes and other types of special effects and more that you can embed and run in your browser. I can write a whole book about Java but in this tutorial, I will just explain how to embed a Java applet to your web page.

The third way to add Java applets to your web pages, only works in Firefox and Mozilla type browsers. We will need to use the <embed> tag and its attributes, which include code, width, height, type and pluginspage.

Now the second method for embedding Flash movies to your web pages involves using the <object> and <param> tags along with their attributes. For instance, the <object> tag has four required attributes, which include height, width, classid and codebase. And the <param> tag has two attributes, which include the required name attribute along with the value attribute. Let me explain the <object> tag and its attributes first and then I will explain the <param> tag and its attributes.

There are two ways you can embed Flash on to your web page, one involves using the <embed> tag and the other involves using the <object> tag. I will discuss the non-standard <embed> tag method first. Just let me point out that the <embed> tag will not validate but it is very well supported.

Another, some what simple way to add playable videos to your web pages involves using the <object> and <param> tags along with their attributes that include data, width, height and the required type attribute for the <object> tag. And the value attribute along with the required name attribute for the <param> tag. The <object> and <param> tags are the recommended way to display videos on your web page, unlike the <embed> tag, which is a non-standard tag.

Now adding playable videos for your users to view and play is easier said then done, because many and I mean many factors will affect how your code is displayed for each one of your users. For example, your users browser settings or their default media player are just some of the factors that will cause your code to be displayed incorrectly for your users.

You can also add music to your web page by using the <object> and <param> tags and their attributes. The <object> tag will need the width, height and data attributes. And the <param> tag will need the name and value attributes. Let me explain the <object> tag and its attributes first.

One of the best ways to add playable music to your web page for your users to hear is by using the non-standard <embed> tag, which requires an end tag. Non-standard basically means the <embed> tag will not validate if you try to validate your web page. Non-standard tags are not listed in the HTML or XHTML recommendation.

Now the second method of adding a background sound clip to your web page works in Internet Explorer, the dead and departed Netscape, Opera and Firefox as well as other browsers. In order to add a background sound clip to your web page we will need the <object> tag along with its width, height and data attributes. We will also need three <param> tags along with its name and value attributes.