મિત્રો, આ Tutorial માં આપણે શીખીશું ખૂબ જ સરળ રીતે HTML Program for Displaying image and Hyper Linking એટલે કે image દેખાતો અને hyperlink સમજવાતો program. જે તમને DWPD ના Practical માં કામ લાગશે. તો ચાલો મિત્રો શરૂ કરીએ Displaying image and demonstrate hyperlinking in DWPD.
Practical 1: HTML Program for displaying image and hyper linking
Aim: Write HTML codes for displaying image and demonstrate hyper linking.
Program
<html>
<head>
<title>HTML Program for displaying image and hyper linking</title>
</head>
<body>
<h1>Image Tag Demo</h1>
<hr>
<img src="Tim Berners Lee.jpg" width="500" height="312" alt="Tim Berners Lee image"/>
<hr>
<h2>Hyperlink Tag Demo</h2>
<hr>
<a href="https://maricollege.in/" target="_blank" >Click Here to Open MariCollege.in</a>
</body>
</html>
Output
જ્યારે તમે Click Here to Open MariCollege.in ઉપર ક્લિક કરશો ત્યારે નીચે આપેલ પેજ ઓપન થસે.
