html

Introduction: In Website development, developer embedding media such as images, videos, and audio in html to enhances the user experience and makes the content more engaging. This document will explain how to embed these media types using HTML tags and provide step-by-step instructions with examples.   Step-by-Step Instructions:   1. Embedding Images: To add a Image in an HTML page, we use the <img> tag. Steps:-  Use the “<img>” tag with the “src” attribute to specify the image file/path.  Add the `alt` attribute to provide alternate text for the image when internet failed to load image.  We use attributes “width” and  “height” to set or define image dimensions or size. Code Example <img src=”Nature.jpg” alt=”Nature image” width=”#” height=”#”>   2. Embedding Videos: To Add a video in an HTML page, we use the <video> tag. Steps:- Use the “<video>” tag with the “controls” attribute to add playback controls(like Play, Pause & Volume). Add  “<source>” tags within the “<video>” tag to specify video files source and format (mp4). Code Example <video controls width=”400″>     <source src=”Nature.mp4″ type=”video/mp4″> </video>   3. Embedding Audio To add audio in an HTML page, by using the <audio> tag. Steps:-  Use the “<audio>” tag with the “controls” attribute to add playback controls(Play, Pause). Add  “<source>” tags within the “<audio>” tag to specify audio files Source and format (mp3) Code Example <audio controls>     <source src=”Nature.mp3″ type=”audio/mpeg”> </audio> Screenshots: Image Output: Conclusion: Embedding Image, Video and Audio in Html web page exhibits website more interactive or makes the content more engaging  and user friendly  by using image tage <img>, Video tag <video>  and  audio tage <audio>.