Displaying Image And Demonstrate Hyper Linking.

<a> tag is used to use hyperlink, href attribute contains the actual link.

<img> tag is used to display image, src attributes contains the actual link.

imageDemo.html

<html>
	<head>
		<title>Image Link Demo</title>
	</head>
	<body bgcolor="#f5e44c" align="center">

		<br/><h1><u>Display Image Demonstrate Hyper Linking</u></h1>

		<h2>Click on image or link to get motivational videos....</h2><br/>

		<a href="videoDemo.html"><img src="sandip2.jpg"  width="400" height="400"></a>

		<br/><h3><a href="videoDemo.html">SANDIP MAHESHWARI</a></h3>
	</body>
</html>

videoDemo.html

There are three ways to display video using HTML.

<video> tag
<embed> tag
<iframe> tag

<video> tag is used to display video, <video> tag contains <source> tag that takes src attribute to provide link of video.

<embed> tag directly takes src attribute inside itself.

<iframe> tag also directly takes src attribute inside itself.

<html>
	<head>
		<title>Video</title>
	</head>
	<body bgcolor="#f5e44c">
	
		<h2><u>USING VIDEO TAG WITH POSTER</u></h2><br/>

		<video width="500" height="160" controls muted poster="sandip.jpg">
		<source src="sandip.mp4" type="video/mp4">
		</video>

		<h2><u>USING EMBED TAG</u></h2><br/>
		<embed width="500" height="160” src="https://www.youtube.com/embed/eDiA1p5DlLg”>

		<h2><u>USING IFRAME TAG</u></h2><br/>
		<iframe width="500" height="160" src="https://www.youtube.com/embed/Zf2RzRgD3t8" >
		</iframe>

	</body>
</html>

OutPut

Displaying Image And Demonstrate Hyper Linking.

imageDemo.html

videoDemo.html

Leave a Reply Cancel reply