दोस्तो अभी तक हमने वेबपेज डेकोरेशन के बारे मे बहुत कुछ सिखा| जिसमे टेक्स्ट को कलर करना, साइज देना और images लगाना, और images को डेकोरेट करना, table लगाना और उसे डेकोरेट करना और हम बहुत सारी वेबसाईट देखते है उनके अंदर अनिमेशन भी होता तो आपके मन मे सवाल आया होगा कि HTML मे Animation कैसे लगाते है? तो इस आर्टिकल मे हम वेबपेज के अंदर अनिमेशन करना सिकने वाले है| HTML मे अनिमेशन लगाते कैसे है? तो इसके लिए HTML ने हमे <marquee> tag दिया है जिसका इस्तेमाल करके हम हमारे वेबपेज के अंदर अनिमेशन लगा सकते है|
दोस्तो <marquee> ये एक
बेहतरीन tag है जिसका इस्तेमाल करके हम टेक्स्ट और images दोनो को scrolling
Animation दे सकते है | हमारे वेबपेज मे अगर Animation ना हो तो हमारा वेबपेज
ज्यादा impact नही करता| लेकीन HTML ने हमे <marquee> tag दिया जिसका
इस्तेमाल करके हम हमारे वेबपेज मे Animation लगा सकते है और हमारे वेबपेज का
impact बढा सकते है| तो अब आपके मन सवाल आया होगा कि, HTML मे Marquee tag को
कैसे इस्तेमाल करते है? नीचे Marquee tag का Syntax दिया है ध्यान से पढे और
समजे|
Syntax : फॉर टेक्स्ट <marquee>
text </marquee>
फॉर
image <marquee> <img
src=”filename”> </marquee>
दोस्तो HTML मे हमे <marquee> tag के साथ बहुत सारे
attribute भी मिले है| <marquee> tag के attribute कोनसे है? जिनका
इस्तेमाल करके हम <marquee> tag को और भी इफेक्टिव तरीकेसे इस्तेमाल कर सकते
है| नीचे Marquee tag के attributes का विवरण दिया है ध्यान से पढे और समजे|
|
Sr.No. |
Attribute Name |
Description |
|
१. |
bgcolor=”value” |
इस
attribute का इस्तेमाल करके हम <marquee> tag को background color दे सकते
है| |
|
२. |
Behavior=”value” |
इस
attribute के अंदर हमे तीन ऑप्शन [scroll, Slide, Alternate] मिलते है जिनका
इस्तेमाल करके हम हमारे <marquee> tag का Behavior लगा सकते है| |
|
३. |
Height=”१००” |
इस
attribute का इस्तेमाल करके हम <marquee> tag कि height तय कर सकते है| |
|
४. |
Width=”८००” |
इस
attribute का इस्तेमाल करके हम <marquee> tag कि width तय कर सकते है| |
|
५. |
Hspace=”१००” |
लेफ्ट
साईड से हमे कितना space देना है उसके लिए इस attribute का इस्तेमाल किया जाता
है| |
|
६. |
Vspace=”१००” |
उपर से
हमे कितना space देना है उसके लिए इस attribute का इस्तेमाल किया जाता है| |
|
७. |
Loop=”३” |
इस
attribute का इस्तेमाल हम लूप लगाने के लिए कर सकते है| जितनी हम लूप कि value
देंगे उतनी बार हमारा टेक्स्ट याफिर image scroll करेगी उसके बाद effect बंद हो
जायेगा| |
|
८. |
Scrollamount=”१००” |
इस
attribute के इस्तेमाल से हम हमारे <marquee> tag का स्पीड कम ज्यादा कर
सकते है| |
|
९. |
Direction=”value” |
marquee>
tag के लिए अगर हमे direction सेट करना हो तो इस attribute का इस्तेमाल करके हम
लेफ्ट, राईट, अप, डाउन ऐसे direction सेट कर सकते है| |
|
१०. |
Title=”name” |
इसका
इस्तेमाल करके हम <marquee> को title दे सकते है| |
WebPage के उपर Animation कैसे लगाते है? ये सिखने के लिए नीचे दिये गये कोड को कॉपी करके उसे Notepad फाईल मे पेस्ट किजीये और उस फाईल को Marq.html (डॉट html) नाम से सेव करे और फिर उसे ब्राउझर मे ओपन करके देखे|
<head>
<Title> This is the Title of the web page </title>
</head>
<body bgcolor="pink" text="black">
<h1> This is the Example of Marquee tag</h1>
<Marquee ><img src="C:\Users\LENOVO\Desktop\New folder\img.jpg"height="200" width="200" border="5"> </marquee> <br><br>
<Marquee bgcolor="red" hspace="100" vspace="200" scrollamount="100" direction="right" height="200" width="600"><h1>WebExcel </marquee>
<Marquee bgcolor="blue" hspace="200" vspace="100" scrollamount="200" direction="up" height="350" width="200"><h1>WebExcelPro </marquee>
</body>
दोस्तो हमने इस आर्टिकल मे How to Create Animation in HTML? को स्टेप बाय स्टेप समजाने कि कोशिश कि है और
HTML मे Animation कैसे लगाते है? और वेबपेज मे image कैसे लगाते है? इस पोस्ट कि
जानकारी आप अपने फ्रेंड्स को भी दे और अपने सोशल मिडिया ग्रुप मे जरूर शेयर करे|
जिससे ज्यादा लोगो के पास यह जानकारी पहुच सके| हमारी पोस्ट What is the use of Marquee tag? और WebPage
के उपर Animation कैसे लगाते है? इसमे अगर कुछ भी प्रोब्लेम हो या फिर गलती हो तो
कृपया आप हमे comment करेके पुछ सकते है| हम जरूर उसका जवाब देंगे| अगर आप Latest
Update पाना चाहते है तो हमे follow करे और हमारी WebExcel की वेबसाईट को
सब्सक्राईब करे| दोस्तो हमारी पोस्ट पढने कि लिए धन्यवाद फिर मिलेंगे नई पोस्ट के
साथ तब तक के लिए अलविदा, आपका दिन शुभ हो|
ConversionConversion EmoticonEmoticon