Pages

COPA

HTML PRACTICALS - USING MARQUEE AND HYPERLINK

HTML HTML Marquee and Hyperlinks | Hindi Notes

HTML मार्की एवं हाइपरलिंक्स | HTML Marquee and Hyperlinks

HTML  Marquee and Hyperlinks

आईटीआई कोपा प्रेक्टिकल्स – वेब डिजाईन विद 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 कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी।


























Tags - What is HTML? History of HTML. Applications of HTML, Web Designing and HTML. How to use HTML for Web Designing. HTML Hindi Notes. Using HTML in Hindi. HTML Hindi Notes Heading Tags,ITI-COPA Web Design HTML Practicals Notes Marquee & HTML in Hindi. HTML-marquee Tag, Scrolling Text with Marquee. Using Hyperlinks in HTML Hindi Notes Using Hyperlinks in HTML Hindi Notes PDF Books. HTML Hindi Tutorials.




 

||    Theory    ||    Practicals    ||    Video Tutorials    ||    Online Test Series   ||