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