HTML <param> Tag

tutorials

The HTML <param> tag is used to define parameters for plugins or embedded objects, typically used within the <object> tag. It allows developers to pass values such as settings, configurations, or references to media files for the embedded object. The <param> tag enhances the functionality of multimedia content and interactive features on webpages by supplying the necessary input parameters.

Syntax of the <param> Tag

The syntax for using the <param> tag is straightforward. It is always used within the <object> element to specify additional parameters.

html
<param name="parameter_name" value="parameter_value">
  • name: Specifies the name of the parameter.
  • value: Specifies the value associated with the parameter.

The <param> tag is a void element, meaning it doesn’t have a closing tag.

Attributes of the <param> Tag

The <param> tag supports several attributes that are used to define and control embedded content:

AttributeDescription
nameDefines the name of the parameter being passed to the object.
valueSpecifies the value of the parameter (e.g., file path, configuration options).
idGlobal attribute used to assign a unique identifier to the <param> tag.
classGlobal attribute to define one or more class names for the element.
styleGlobal attribute to define CSS styles for the element.
langGlobal attribute to define the language of the element’s content.

Examples of HTML <param> Tag

Example 1: Embedding a Video with <param> Tag

html
<!DOCTYPE html>
<html>
<head>
    <title>Embedding Video Example</title>
</head>
<body>
    <object data="movie.mp4" type="video/mp4" width="320" height="240">
        <param name="autoplay" value="true">
        <param name="controls" value="true">
    </object>
</body>
</html>

In this example, the <param> tag is used to pass parameters like autoplay and controls to the embedded video object.

Example 2: Embedding a Flash Object with <param> Tag

html
<!DOCTYPE html>
<html>
<head>
    <title>Flash Object Example</title>
</head>
<body>
    <object type="application/x-shockwave-flash" data="game.swf" width="400" height="300">
        <param name="autoplay" value="false">
        <param name="loop" value="true">
    </object>
</body>
</html>

This example shows how the <param> tag is used with a Flash object to define parameters like autoplay and loop. Flash is now deprecated, but this shows its past usage.

FAQs About HTML <param> Tag

Q1: What is the purpose of the HTML <param> tag?
A: The <param> tag is used to define parameters for embedded objects, such as videos or plugins, inside the <object> element. It provides settings or additional information for the object.

Q2: Can the <param> tag be used outside the <object> tag?
A: No, the <param> tag must be placed inside the <object> tag, as it defines parameters specifically for the embedded object.

Q3: Is the <param> tag still commonly used in modern HTML?
A: The <param> tag is less common in modern HTML because of the rise of HTML5 elements like <video> and <audio>, which allow for easier embedding of media content without the need for additional parameters.

Q4: Can I use the <param> tag with modern HTML5 media elements like <video> or <audio>?
A: No, the <param> tag is not used with HTML5 media elements like <video> or <audio>. These elements have their own attributes to handle parameters such as autoplay and controls.

Q5: What happens if I omit the <param> tag in an object?
A: If you omit the <param> tag, the embedded object may not behave as expected, as it might miss key configuration parameters such as file paths, controls, or settings.

tools

HTML

Related Articles