दोस्तो वेबपेज मे अगर हमे हमारे वेबपेज को background मे कलर या फिर इमेज लगानी हो तो HTML मे इसके लिए आपको body background tag का इस्तेमाल करना पडेगा| HTML एक सिम्पल language है जिसका इस्तेमाल करके हम अपना खुद का वेबपेज बना सकते है| और उसे अच्छे से डेकोरेट भी कर सकते है|
HTML मे अगर हमे
वेबपेज को डेकोरेट करना है तो उसके लिये हमे HTML मे body background tag का ही
इस्तेमाल करना पडेगा चाहे आप background मे कलर करे याफिर इमेज लगाये|
Syntax = <body
bgcolor= “color name>
आज हम यही सिखने
वाले है कि, body को background मे कलर याफिर इमेज कैसे लगाते है?| उसके
लिए आपको नीचे दिया गया कडे कॉपी करके notepad पे पेस्ट करके उसे color डॉट html (color.html)
से सेव्ह करके चेक करना है|
html कोड
<html>
<head>
<Title>
This is the Title of the web page </title>
</head>
<body
bgcolor="green" >
<h1>
this is the Example of body background color </h1>
</body>
</html>
और अगर आपको body
मे background कलर के जगह पर इमेज कैसे लगाते है?| उसके लिए आपको नीचे दिया
गया कडे कॉपी करके notepad पे पेस्ट करके उसे image डॉट html (image.html) से
सेव्ह करके चेक करना है|
Syntax = <body
background= “image address”>
इसके लिए आपको एक
बात का ध्यान रखना है कि, आप जो भी इमेज लगाना चाहते है उसको आप अपने फाईल जिस
फोल्डर मे है उस फोल्डर मे कॉपी कर ले|
<html>
<head>
<Title> This is the Title of the web page
</title>
</head>
<body background="13.jpg"
>
<h1> this is the Example of body background color
</h1>
</body>
</html>
हायपर लिंक्स :-
अगर आप आपके
वेबपेज को और भी बेहतर बनाना चाहते है तो HTML मे इसके लिए हमे <a href>
अँकर tag मिला है| और आपको उसके लिए <a href> tag का इस्तेमाल करना पडेगा| हायपर लिंक्स का
इस्तेमाल करके आप एक से ज्यादा वेबपेज एक दुसरे के साथ लिंक कर सकते हो|
हम जो भी notepad
मे कोड करते उससे वेबपेज बनते है और ऐसे बहोत सारे वेबपेज मिलाकर वेबसाईट बनती है|
वैसे तो वेबसाईट बनाने के लिए हजोरो और लाखो वेबपेज लगते है लेकीन अगर हम खुद कि
वेबसाईट बनाना चाहते है तो ये हमारे उपर है कि हम कितने वेबपेज मिलाकर वेबसाईट
बनाना चाहते है| हम चाहे तो पाच से बीस वेबपेज बनाकर वेबसाईट बना सकते है| और उसके
लिए हमे हायपर लिंक इस tag का इस्तेमाल करना है|
इसके लिए आपको
जिस फाईलस को एक दुसरे के साथ लिंक करना है उनका address आपको देना पडेगा जैसे
background image का दिया था| याफिर आप सारी फाईलस एकही फोल्डर मे बनाये| anchor
tag syntax
Syntax = <a href =
“file address”> name of the link
आपको अगर how to link webpages?
याफिर body मे लिंक्स कैसे लगाते है?| सिखना है तो उसके
लिए आपको नीचे दिया गया कडे कॉपी करके notepad पे पेस्ट करके उसे index डॉट html
(index.html) से सेव्ह करके चेक करना है|
<html>
<html>
<head>
<Title>
This is the Title of the web page </title>
</head>
<body
bgcolor="pink" text="cyan" link="blue"
vlink="red" alink="green" topmargin=20
topmargin=2
topmargin=2 topmargin=2>
<h1>
This is the Example (Hyper Link) Anchor tag </h1>
<a
href= "color.html">color file link
<br><br>
<a
href= "image.html">image file link
</body>
</html>
which is the body tag
attributes? अगर आपके मन ये
सवाल आ रहा है की, body tag के attribute कैसे इस्तेमाल करते है? तो उपर
दिये गये कोड मे body के साथ attribute भी दिये है| हम जितने चाहे body tag के साथ
इस्तेमाल कर सकते है और ये ऑप्शनल है| उनका विवरण नीचे दिया है|
Text : body को उपर जोभी
टेक्स्ट है वो हमे कीस color मे चाहिये इसके लिए इस attribute का इस्तेमाल किया
जाता है|
Link : अगर हमारे वेबपेज मे
लिंक्स है तो वो लिंक्स हमे कीस कलर मे दिखाने है वो कलर हम इस attribute का
इस्तेमाल करके सेट कर सकते है|
Vlink : हमारे वेबपेज मे जोभी
लिंक्स है उनके उपर अगर क्लिक किया गया तो उसका कलर भी बदलना चाहिये तो इसके लिए
हम इस attribute का इस्तेमाल कर सकते है| अगर आप इसका इस्तेमाल नही भी करोगे तो
default जोभी कलर होता वो आता है|
Alink : हमारे वेबपेज मे जितनी
भी active लिंक्स होती है उनको कलर देने के लिए इस attribute का इस्तेमाल कर सकते
है|
Topmargin : वेबपेज मे Top margin
देने के लिए इसका इस्तेमाल होता है|
Bottommargin : वेबपेज मे Bottommargin
देने के लिए इसका इस्तेमाल होता है|
Leftmargin : वेबपेज मे Leftmargin
देने के लिए इसका इस्तेमाल होता है|
Rightmargin : वेबपेज मे Rightmargin
देने के लिए इसका इस्तेमाल होता है|
दोस्तो हमने इस आर्टिकल के body को background मे कलर याफिर इमेज कैसे लगाते है? को स्टेप बाय स्टेप समजाने कि कोशिश कि है और how to link webpages? or body मे लिंक्स कैसे लगाते है? इस पोस्ट कि जानकारी आप अपने फ्रेंड्स को भी दे और अपने सोशल मिडिया ग्रुप मे जरूर शेयर करे| जिससे ज्यादा लोगो के पास यह जानकारी पहुच सके| हमारी पोस्ट which is the body tag attributes? इसमे अगर कुछ भी प्रोब्लेम हो या फिर गलती हो तो कृपया आप हमे comment करेके पुछ सकते है| हम जरूर उसका जवाब देंगे| अगर आप Latest Update पाना चाहते है तो हमे follow करे और हमारी WebExcel की वेबसाईट को सब्सक्राईब करे| दोस्तो हमारी पोस्ट पढने कि लिए धन्यवाद फिर मिलेंगे नई पोस्ट के साथ तब तक के लिए अलविदा, आपका दिन शुभ हो|
1 टिप्पणियाँ:
Click here for टिप्पणियाँNice....Please write a article how to add image on webpage.
ConversionConversion EmoticonEmoticon