Tips (Total 5)
# Tips-1) What is HTML Plug-ins
Plug-ins are computer programs that extend the standard functionality of the browser.
Plug-ins were designed to be used for many different purposes:
- To run Java applets
- To run Microsoft ActiveX controls
- To display Flash movies
- To display maps
- To scan for viruses
- To verify a bank id
Warning !
Most browsers no longer support Java Applets and Plug-ins.
ActiveX controls are no longer supported in any browsers.
The support for Shockwave Flash has also been turned off in modern browsers.
# Tips-2) How to set HTML <object> Element
The <object> element is supported by all browsers.
The <object> element defines an embedded object within an HTML document.
It was designed to embed plug-ins (like Java applets, PDF readers, and Flash Players) in web pages, but can also be used to include HTML in HTML:
Example of HTML <object> Element
It was designed to embed plug-ins (like Java applets, PDF readers, and Flash Players) in web pages, but can also be used to include HTML in HTML:
index.html
Example:
HTML
<object width="100%" height="500px" data="snippet.html"></object>
Full Example of HTML <object> Element
It was designed to embed plug-ins (like Java applets, PDF readers, and Flash Players) in web pages, but can also be used to include HTML in HTML:
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<object width="100%" height="500px" data="snippet.html"></object>
</body>
</html>
Output should be:
# Tips-3) How to add image in Object Element
You can view your image by using object Element.
Example of Adding Image in Object Element
Follow the Example
index.html
Example:
HTML
<object data="https://horje.com/avatar.png"></object>
Output should be:
Full Example of Adding Image in Object Element
Follow the Example
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<object data="https://horje.com/avatar.png"></object>
</body>
</html>
Output should be:
# Tips-4) How to add HTML Image in <embed> Element
The <embed> element is supported in all major browsers.
The <embed> element also defines an embedded object within an HTML document.
Web browsers have supported the <embed> element for a long time. However, it has not been a part of the HTML specification before HTML5.
Example of Adding Image in <embed> Element
Follow the Example
index.html
Example:
HTML
<embed src="https://horje.com/avatar.png">
Output should be:
Full Example of Adding Image in <embed> Element
Follow the Example
Note that the <embed> element does not have a closing tag. It can not contain alternative text.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<embed src="https://horje.com/avatar.png">
</body>
</html>
Output should be:
# Tips-5) How to add html page in <embed> element
The <embed> element can also be used to include HTML in HTML:
Example of adding HTML Page in <embed> element
Follow the Example It will work like HTML iFrame
index.html
Example:
HTML
<embed width="100%" height="500px" src="https://horje.com/learn/570/how-to-add-image-in-object-element">
Output should be:
Full Example of adding HTML Page in <embed> element
Follow the Example It will work like HTML iFrame
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<embed width="100%" height="500px" src="https://horje.com/learn/570/how-to-add-image-in-object-element">
</body>
</html>
Output should be: