ITI COPA

HTML PRACTICALS - USING MARQUEE AND HYPERLINK

आईटीआई कोपा प्रेक्टिकल्स – वेब डिजाईन विद HTML

Objective : MARQUEE  टैग्स एवं HYPERLINK का प्रयोग   

प्रायोगिक कार्य के द्वारा आप सीखेंगे :
HTML MARQUEE टैग्स के विभिन्न उपयोग
HTML में हाइपरलिंक का प्रयोग

Requirements : (Tools / Equipments / Instruments)

पर्सनल कंप्यूटर / माइक्रोसॉफ्ट विंडोज / नोटपैड / वेब ब्राउज़र

प्रैक्टिकल 5 - HTML में MARQUEE  का प्रयोग

Step 1 :  नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए
<html>
<body>
<h2>
<marquee>
WELCOME TO COPA GUIDE
</marquee>
</h2>
</body>
</html>

Step 2 : ऊपर लिखे गए HTML Code को आप LIST.html के नाम से Save कीजिए।

Step 3 : MARQUEE.html फाइल को Open कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी। इसमें दी गई हैडिंग बाएँ ओर स्क्रॉल करेंगी ।
प्रैक्टिकल 5.1 -  MARQUEE  टैग्स के साथ WIDTH, HEIGHT  एवं BGCOLOR का प्रयोग
Step 1 :  नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए
<html>
<body>
<h2>
<marquee bgcolor="yellow" width=250 height=50>
WELCOME TO COPA GUIDE
</marquee>
</h2>
</body>
</html>

Step 2 : ऊपर लिखे गए HTML Code को MARQUEE1.html  के नाम से Save कीजिए।

Step 3: MARQUEE1.html फाइल को Open कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी।

प्रैक्टिकल 5.-  MARQUEE  टैग्स के साथ direction, behaviour एवं scrollamount का प्रयोग
Step 1 :  नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए
<html>
<body>
<h2>
<marquee bgcolor="yellow" direction=right behavior=slide scrollamount=10>
WELCOME TO COPA GUIDE
</marquee>
</h2>
</body>
</html>

Step 2 : ऊपर लिखे गए HTML Code को आप marquee2.html के नाम से Save कीजिए।

Step 3 : MARQUEE2.html फाइल को Open कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी।

प्रैक्टिकल 5.3 - HTML में hyperlinks का प्रयोग

Step 1 :  नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए
<html>
<body>
<a href="https://copaguide.blogspot.com/"> ITI COPA GUIDE </a>
</body>
</html>

Step 2 : ऊपर लिखे गए HTML Code को आप link.html के नाम से Save कीजिए।

Step 3 : link.html फाइल को Open कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी।
प्रैक्टिकल 5.4 -  hyperlinks में  target एवं  image का प्रयोग
Step 1 :  नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए
<html>
<body>
<a href="https://copaguide.blogspot.com/" target="_blank">
ITI COPA GUIDE </a>
<h2> click on image </h2>
<a href="https://copaguide.blogspot.com/">
<img src="image1.jpg"
alt="COPA" style="width:50;height:50px;"> </a>
</body>
</html>

Step 2 : ऊपर लिखे गए HTML Code को आप link.html के नाम से Save कीजिए।

Step 3 : link1.html फाइल को Open कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी।