How to embed images, music and videos in Webpage

Over lay

Table of Contents

Basics

Introduction Environment setup HTML document Attributes Formatting Favicon iFrames Semantic Elements Entities and Character sets HTML forms

Advanced

JS in HTML URL encoding Canvas and SVG HTML Media

Miscellaneous

HTML Templates HTML Interview QnA

How to embed images, music and videos in Webpage

Embedding Images

You can use img tag to embed images.


<!DOCTYPE html>
<html>
<body>

<img src='sagar.jpg' alt='Sagar' />

</body>
</html>

Embedding Music

You can use audio tag to embed music or any audio track.


<!DOCTYPE html>
<html>
<body>

<audio controls autoplay muted>
  <source src="song.mp3" type="audio/mpeg">
</audio>

</body>
</html>

Embedding Videos

You can use video tag to embed video.


<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls>
  <source src="sagar.mp4" type="video/mp4"/>
</video>

</body>
</html>

Web development and Automation testing

solutions delivered!!