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