हिंदी माध्यम नोट्स
html क्या है in hindi | कंप्यूटर में HTML किसे कहते है , परिभाषा बताइए हटम्ल का उपयोग विशेषताएँ लिखिए
कंप्यूटर में HTML किसे कहते है , परिभाषा बताइए हटम्ल का उपयोग विशेषताएँ लिखिए html क्या है in hindi ?
HTML और वेब पेज डिजाइनिंग
वेब साइट बनाने के लिए भ्ज्डस् अर्थात् hyper text markup language का प्रयोग किया जाता है इस भाषा में काडिंग करना आसान हैं। हाइपर टेक्स्ट डॉक्यूमेंट को किसी भी वेब बा्रउजर में खोला जा सकता है, अतः इसे वेब पेज के रूप में देखने के लिए कंप्यूटर में internet explorer या netscape जैसा कोई ब्राउजर अवष्य होना चाहिए।
HTML में डॉक्यूमेंट लिखने के लिए किसी भी अतिरिक्त सॉफटवेयर की आवयकता नही होती, बल्कि window dh accesorise, notepad की आवष्यकता होती है, जिसमे html कोडिंग लिखने के बाद उसे save As कमांड देकर फाइल नेम के आगे html एक्सटेंषन देकर html डॉक्यूमेंट के रूप मे save कर लेते है, अर्थात् कोडिंग को notepad में लिखा जा सकता है, जबकि वेब पेज के रूप में देखने के लिए वेब ब्राउजर की आवष्यकता होती है।
HTML डॉक्यूमेंट
HTML डॉक्यूमेंट में html के Elements प्रयोग किए जाते ळें html एलीमेंट कमांड का संपूर्ण स्वरूप होता है, जिसमें कमांड के साथ वह विवरण भी दिया जाता है, जो वेब साइट पर दिखाया जाता हैं। प्रत्येक html एलीमेंट का एक स्टार्ट tag और एक end tag होता है। tag में एक समजि angular ब्रैकेट ‘<‘ होता है, जिसे सामान्यतः less than चिह् के रूप मे पहचाना जाता हैं। इसके आगे tag का नाम लिखते है और फिर right angular ब्रैकेट ‘>’ से बंद कर देते हैं। उदाहरण के लिए <html> ,dstarting tab हैं। इसी तरह end tab के लिए आरंभ समजि angular ब्रैकेट से करते है, फिर एक ‘/’ स्लैष लगाने के बाद tag का नाम लिखते है और इसके बाद right angular ब्रैकेट से बंद करते है। उदाहरणार्थ <html>hatml के एलीमेंट्स को कंटेनर और एंप्टी एलीमेंट्स में वर्गीकृत किया गया हैं। सभी कंटेनर के एलीमेंट जोडे मे रहते है अर्थात उनका आरंभिक और अंतिम जंह होता है, जबकि एंप्टी एलीमेंट में कोई tag नहीं होता है, परंतु आरंभ tag से ही किया जाता हैं।
HTML डॉक्यूमेंट का फाइल एक्सटेंशन
HTML डॉक्यूमेंट का फाइल एक्सटेंशन HTML या HTML दिया जा सकता है। उदाहरण के लिए यदि आप window के Notepad में HTML कोडिंग करके कोई डॉक्यूमेंट तैयार करते हैं और उस डॉक्यूमेंट का नाम Profile रखना चाहते हैं तो उसे Profile.htm या Profile.html देकर save किया जा सकता है।
HTML डॉक्यूमेंट के भाग
HTML डॉक्युमेंट की मूल संरचना एलिमेंट्स पर आधारित होती ळें
;i)<HTML>
</HTML>
;i)<HEAD>
</HEAD>
;i)<BODY>
</BODY>
इन्हें डॉक्यूमेंट स्ट्रक्चर एलिमेंट कहते हैं।
;i) HTML एलिमेंट
एक कंटेनर एलिमेंट होता है। इसके द्वारा डॉक्यूमेंट को HTML डॉक्यूमेंट की पहचान मिलती है अर्थात यही एलिमेंट बताता है कि जिस डॉक्यूमेंट को आ प्रयोग कर रहे हैं वह HTML डॉक्यूमेंट है या एलिमेंट डॉक्यूमेंट के प्रस्तुतीकरण पर कोई प्रभाव नहीं डालता बल्कि वेब ब्राउजर को यह बताता है कि यह HTML डॉक्यूमेंट है जिसे ब्राउजर पर खोला जाता है HTML के अंदर ही HEAD और BODY एलिमेंट को रखा जाता है
<HTML>
<HEAD>…………….</HEAD>
<BODY>…………….</BODY>
</HTML>
ध्यान दें
HTML कैपिटल और स्माल लेटर में भेज नहीं समझती, अतः आप कैपिटल “HTML” या स्मॉल HTML किसी भी तरह कोडिंग कर सकते हैं।
;ii) HEAD एलिमेंट
यह भी एक कंटेनर एलिमेंट है जो HTML डॉक्यूमेंट केयर को परिभाषित करने हेतु प्रयोग किया जाता है परंतु या प्रस्तुतीकरण पर कोई प्रभाव नहीं डालता है। हैडर में डॉक्यूमेंट के विषय में सूचना दी जाती है, परंतु यह सूचना ब्राउजर में टाइपिंग के रूप में दिखाई देती है वेब पेज पर नहीं वह भी केवल तब जबकि इस सूचना को Title टैग में लिखा जाता ळें
उदाहरणार्थ.
<HTML>
<HEAD>…………….</HEAD>
<TITLE>PROFILE<TITLE>
<HEAD>
</HTML>
;iii) BODY एलिमेंट
इस कमेंट में डॉक्यूमेंट के सभी मुख्य Content रखे जाते हैं। ठव्क्ल् एलिमेंट में BACKGROUND, BGCOLOR, TEXT इत्यादि एट्रीब्यूट्स रखे जाते हैं।
BACKGROUND
इसका प्रयोग करके किसी इमेज के URL का संदर्भ देते हैं ताकि उनका स्थान पर उपलब्ध इमेज फाइल को बैकग्राउंड के रूप में प्रयोग किया जा सके।
उदाहरणार्थ.
<BODy~ BACKGROUNd~ = ‘123.JPG’>
</BODY>
ध्यान दें
बैकग्राउंड में प्रयोग कीजिए JPG या Gip फॉर्मेट में होना चाहिए।
RBGCOLOR
इस एट्रीब्यूट द्वारा बैकग्राउंड बदला जाता है इसमें मुख्यता तीन Red, Green और Blue प्रयोग किए जाते हैं परंतु इनका प्रयोग करने के लिए निम्न प्रकार लिखते हैं।
#ÙGGBB
उदाहरणार्थ.
<BODy~ BACKGROUNd~ = ‘image.kzpg’>
<BG Color= ‘YELLOW’>
……………………………………
</BODY>
TEXT
इस एट्रीब्यूट द्वारा डॉक्यूमेंट के सामान्य टेक्स्ट मैटर का रंग बदला जाता है, इसमें कलर की वही वैल्यू प्रयोग की जाती है जो BGCOLOR में की जाती है।
उदाहरणार्थ.
<BODy~ BACKGROUNd~ = ‘image.kzpg’>
<BG Color= ‘PINK’k~ TEXT=’BLUE’>
i~ LOVe~ COMPUTER
</BODY>
HTML हेडिंग
हेडिंग एलिमेंट को वेब डॉक्यूमेंट में हेडिंग देने हेतु प्रयोग किया जाता है। इस एलिमेंट H2……H6 के रूप में क्रमवार एक-एक लेवल कम करते हुए प्रयोग किया जा सकता है। हेडिंग सामान्य मैटर से अधिक बड़ा और कंता दिखाई देता है।
उदाहरणार्थ.
<HTML>
<HTML>
<H1>PROFILE<H1>
<H2>NAME<H2>
KALPANA
<H2>ADä~ES<H2>
LAXMi~ NAGAR, DELHI-92
</HTML>
पैराग्राफ ब्रेक
पैराग्राफ एलिमेंट को <P>……</P> के रूप में लिखा जाता है। इस एलिमेंट को लाइन ब्रेक देने के लिए प्रयोग करते हैं ताकि नया पैराग्राफ अगली लाइन से आरंभ किया जा सके। इस एलिमेंट के साथ कुछ विकल्प भी प्रयोग किए जा सकते हैं जो पैराग्राफ को बाएं से दाएं और यह सेंटर से आरंभ कर सकेंगे। नीचे दिए गए उदाहरण से आप इस एलिमेंट का प्रयोग समझ सकते हैं। उदाहरणार्थ.
<HTML>
<BODY>
<PALIGN=’RIGHT’>Corporate off~ice</P>
<PALIGN=’RIGHT’>Delhi,India</P>
<BODY>
</HTML>
इस HTML कोडिंग का परिणाम ब्राउजर पर निम्न प्रकार आएगा।
लाइन ब्रेक
लाइन ब्रेक देने के लिए <BR>…….</BR> एलिमेंट का प्रयोग किया जाता है। जब आप पैराग्राफ ब्रेक देते हैं तब नई लाइन आरंभ करने से पहले एक खाली ;Blank) लाइन आती है, परंतु लाइन ब्रेक देने पर कोई खाली लाइन नहीं आती। इस तरह वर्तमान लाइन को रोककर अगली लाइन का मैटर टाइप करने के लिए लाइन ब्रेक देते हैं।
उदाहरणार्थ.
<HTML>
<BODY>
India is a great country
<BR>It got Independence on 15th August 1947</BR>
<BR>Indian national flag is tri color</BR>
</HTML>
</BODY>
इस तरह HTML कोडिंग देने पर ब्राउजर में डॉक्यूमेंट इस प्रकार दिखाई देगा।
स्टाइल टैग
यदि आप अपने HTML डॉक्यूमेंट में लिए गए किसी मैटर का स्टाइल इटैलिक, बोल्ड या अंडरलाइन आदि में बदलना चाहते हैं तब STYLE टैग का प्रयोग कर सकते हैंं यह टैग निम्न प्रकार होते हैं
1.k~ B;Bolfdace)
यह टैग टेक्स्ट मैटर को बोल्ड कर देता है।
उदाहरणार्थ
HEAd~ OFFICe~ IN<B>DELHI</B>
ध्यान दें
HTML कैपिटल और स्माल लेटर्स में भेद नहीं समझती अतः आप कैपिटल HTML या स्मॉल html किसी भी तरह की कोडिंग कर सकते हैं।
2 .k~ i~ ;Italics)
यह टैग मैटर को इटैलिक अर्थात तिरछे अक्षरों में दिखाने हेतु प्रयोग करते हैं।
उदाहरणार्थ
This web page sow company Profile<I>Picture Gallery</I>
3.k~ u~ ;Underline)
अंडर दिखाने के लिए योग का प्रयोग किया जाता है।
उदाहरणार्थ
<HTML>
<BODY>
<P>Present Indian Prime Minister is<U>ä.k~ Manmohan Singh
<U></P>
</HTML>
</BODY>
वेब ब्राउजर पर इसका परिणाम इस प्रकार आएगा।
4 .k~ Center
यह टैग मैटर को वेबपेज के मध्य से सेट करता है। ब्मदजमत टैग के बीच ब्लॉक किया गया मैटर ब्राउजर पर कैसे दिखाई देता है, यह निम्न उदाहरण से समझ सकते हैं।
उदाहरणार्थ
<HTML>
<BODY>
<CENTER>
KALPANA
<P>LAXMi~ NAGAR</P>
<P>DELHI</P>
<CENTER>
</BODY>
</HTML>
वेब ब्राउजर पर इसका परिणाम इस प्रकार आएगा।
लिस्ट बनाना
HTML डॉक्युमेंट में कुछ आइटम की लिस्ट बनाने के लिए आप का प्रयोग करते हैं। यह एक ऐसी empty एलिमेंट है इसे Close टैग देने की आवश्यकता नहीं है।
उदाहरणार्थ
<HTML>
<BODY>
<CENTER>
WONDERLANd~ ANd~ MULTIMEDIA
<LI>Diploma in Animation
<LI>Diploma in Web Designing
</BODY>
</HTML>
इस HTML कोडिंग का परिणाम ब्राउजर में वेब पेज के रूप में आगे दिए गए चित्र अनुसार दिखाई देगा।
यदि आप इस लिस्ट में क्रम संख्या डालना चाहे तो व्तमकमतमक स्पेस के लिए <OL> का प्रयोग कर सकते हैं।
डॉक्यूमेंट में इमेज लगाना
HTML डॉक्युमेंट में किसी इमेज या फोटो को लगाने के लिए प्डळ टैग का प्रयोग किया है प्डळ टैग प्रयोग करने के लिए निम्न Syntax प्रयोग करते हैं
<IMG
SRC= ‘location’
ALIGN=’LEFT/RIGHT/TOP/BOTTOM’
BORDER
HEIGHT
WEIGHT>
इसमें प्रयोग किए गए अंगों का विवरण इस प्रकार है
SRC
इसमें वह लोकेशन इंगित करते हैं जहां हार्डडिस्क अथवा इस इंटरनेट न्त्स् से इमेज प्रयोग करनी है।
ALIGN आप इमेज को वेबपेज के बाएं, दाएं या मध्य में जहां भी सेट करना चाहते हैं, उसके अनुसार ही यहां निर्धारण किया जाता है।
BORDER
यहां बॉर्डर की चौड़ाई दी जाती है, जो सदैव एक धन पूर्णांक होनी चाहिए।
HEIGHT
यहाँ आप इमेज की ऊंचाई निर्धारित करते हैं, जो धन पूर्णांक के रूप में या प्रतिशत के रूप में जैसे 40ः भी दे सकते हैं।
WEIGHT
यहां आप इमेज की चौड़ाई ही देते हैं यह भी धन पूर्णांक या प्रतिशत के रूप में दी जा सकती है।
ध्यान दें
आपको याद रखना है कि इमेज केवल JPG या GIF में ही होनी चाहिए।
उदाहरणार्थ
<HTML>
<BODY>
<IMG
SRC=file:///Øw/photo.kzpeg
Align=’left’
HSPACE=’12 nosave’
HEIGHT=449
WIDTH=447
<
</BODY>
</HTML>
Recent Posts
मालकाना का युद्ध malkhana ka yudh kab hua tha in hindi
malkhana ka yudh kab hua tha in hindi मालकाना का युद्ध ? मालकाना के युद्ध…
कान्हड़देव तथा अलाउद्दीन खिलजी के संबंधों पर प्रकाश डालिए
राणा रतन सिंह चित्तौड़ ( 1302 ई. - 1303 ) राजस्थान के इतिहास में गुहिलवंशी…
हम्मीर देव चौहान का इतिहास क्या है ? hammir dev chauhan history in hindi explained
hammir dev chauhan history in hindi explained हम्मीर देव चौहान का इतिहास क्या है ?…
तराइन का प्रथम युद्ध कब और किसके बीच हुआ द्वितीय युद्ध Tarain battle in hindi first and second
Tarain battle in hindi first and second तराइन का प्रथम युद्ध कब और किसके बीच…
चौहानों की उत्पत्ति कैसे हुई थी ? chahamana dynasty ki utpatti kahan se hui in hindi
chahamana dynasty ki utpatti kahan se hui in hindi चौहानों की उत्पत्ति कैसे हुई थी…
भारत पर पहला तुर्क आक्रमण किसने किया कब हुआ first turk invaders who attacked india in hindi
first turk invaders who attacked india in hindi भारत पर पहला तुर्क आक्रमण किसने किया…