|
हिंदी वेबसाइट में आपका स्वागत है!
|
रोज नई बातें कम्प्यूटर/इंटरनेट के बारे में!
कम्प्यूटर/इंटरनेट टिप्स - हिंदी वेबसाइट का चिट्ठा!
आज का टिप: गूगल सर्च विशेषज्ञ बनें!
|
|
हमारे मेलिंग लिस्ट का सदस्य बनकर "अपना वेबसाइट स्वयं बनायें" हिंदी ई-पुस्तिका मुफ्त में डाउनलोड करे!
सदस्य बनने के लिये यहाँ क्लिक करें
कृपया ध्यान रखें - सदस्य बनने के बाद आपको प्राप्त होने वाले ई-मेल में हिंदी ई-पुस्तिका "अपना वेबसाइट स्वयं बनायें" मुफ्त डाउनलोड लिंक भी होगा। आपके इनबाक्स में यदि हमारा ई-मेल न दिखे तो उसे कृपया जंक फोल्डर में खोजें!
|
मूलभूत एचटीएमएल टैग्स (Basic HTML Tags)
शीर्षक (headings), पैराग्राफ (paragraphs) और पंक्ति बदलने (line breaks) को परिभाषित करने वाले एचटीएमएल टैग्स बहुत अधिक महत्व रखते हैं।
एचटीएमएल सीखने का सबसे अच्छा तरीका है उदाहरणों को देख देख कर वैसे ही एचटीएमएल फाइल्स बनाना। आप जितना अधिक अभ्यास करेंगे, एचटीएमएल में उतने ही पारंगत होते जायेंगे।
शीर्षक (Headings)
शीर्षकों को <h1> टैग से लेकर <h6> टैग तक परिभाषित किया गया है। <h1> का प्रयोग दीर्घ शीर्षकों के लिये और <h6> का प्रयोग लघु शीर्षकों के लिये किया जाता है। नीचे शीर्षक टैग्स के उदाहरण दिये जा रहे हैं:
<h1>यह प्रथम वर्ग का (दीर्घ) शीर्षक है।</h1>
<h2>यह द्वितीय वर्ग का शीर्षक है।</h2>
<h3>यह तृतीय वर्ग का शीर्षक है।</h3>
<h4>यह चतुर्थ वर्ग का शीर्षक है।</h4>
<h5>यह पंचम वर्ग का शीर्षक है।</h5>
<h6>यह षष्ठम वर्ग का (लघु) शीर्षक है।</h6>
|
उपरोक्त एचटीएमएल शीर्षक टैग्स ब्राउसर में नीचे दर्शाये अनुसार दिखेंगे:
यह प्रथम वर्ग का (दीर्घ) शीर्षक है।
यह द्वितीय वर्ग का शीर्षक है।
यह तृतीय वर्ग का शीर्षक है।
यह चतुर्थ वर्ग का शीर्षक है।
यह पंचम वर्ग का शीर्षक है।
यह षष्ठम वर्ग का (लघु) शीर्षक है।
|
शीर्षक के नीचे एचटीएमएल स्वतः ही एक पंक्ति खाली छोड़ देता है इसलिये शीर्षक के बाद पंक्ति छोड़ने के लिये एचटीएमएल टैग लगाने की आवश्यकता नहीं होती।
पैराग्राफ (Paragraphs)
पैराग्राफ को <p> टैग के द्वारा परिभाषित किया जाता है।
<p>यह प्रथम पैराग्राफ है।</p>
<p>यह द्वितीय पैराग्राफ है।</p>
|
शीर्षक के जैसे ही पैराग्राफ के नीचे भी एचटीएमएल स्वतः ही एक पंक्ति खाली छोड़ देता है।
पंक्ति बदलना (Line Breaks)
पंक्ति बदलने के लिये <br> टैग का प्रयोग किया जाता है, इस टैग के प्रयोग से एक खाली पंक्ति बन जाती है। यदि हमें दो खाली पंक्तियाँ छोड़नी हों तो हम दो बार इस टैग ( <br><br>) का प्रयोग करेंगे।
<p>यह एक <br> पंक्ति छोड़ छोड़ कर<br>लिखा गया पैराग्राफ है।</p>
|
<br> टैग के लिये समाप्ति टैग की आवश्यकता नहीं होती अर्थात यह टैग जोड़ी में नहीं होता।
एचटीएमएल में टिप्पणी लिखना (Comments in HTML)
अपने सोर्स कोड को समझाने के लिये कई बार हमें अपने एचटीएमएल में टिप्पणी लिखने पड़ती है। चूँकि ये टिप्पणियाँ केवल कोड को समझने या समझाने के लिये होती हैं, इन्हें ब्राउसर में नहीं दर्शाया जा सकता। एचटीएमएल डाकुमेंट में टिप्पणी लिखने की विधि निम्नानुसार है:
<!-- यह एक टिप्पणी है। -->
|
ध्यान रखें कि टिप्पणी लिखने के लिये पहले कोण कोष्ठक चिह्न के बाद एक बार विस्मायदिबोधक चिह्न लगाना पड़ता है किन्तु अंतिम कोण कोष्ठक चिह्न के पहले विस्मयादिबोधक चिह्न नहीं लगाया जाता।
मूलभूत एचटीएमएल टैग्स (Basic HTML Tags)
| टैग |
विवरण |
| <html> |
एचटीएमएल डाकुमेंट को परिभाषित करता है। |
| <body> |
डाकुमेंट के मुख्य भाग (body) को परिभाषित करता है। |
| <h1> to <h6> |
छः प्रकार के शीर्षकों को परिभाषित करता है। |
| <p> |
पैराग्राफ को परिभाषित करता है। |
| <br> |
खाली पंक्ति छोड़ता है। |
| <hr> |
आड़ी लाइन बनाता है। |
| <!--> |
टिप्पणी को परिभाषित करता है। |
|
रोज नई बातें कम्प्यूटर/इंटरनेट के बारे में!
कम्प्यूटर/इंटरनेट टिप्स - हिंदी वेबसाइट का चिट्ठा!
आज का टिप: गूगल सर्च विशेषज्ञ बनें!
|
|
हमारे मेलिंग लिस्ट का सदस्य बनकर "अपना वेबसाइट स्वयं बनायें" हिंदी ई-पुस्तिका मुफ्त में डाउनलोड करे!
सदस्य बनने के लिये यहाँ क्लिक करें
कृपया ध्यान रखें - सदस्य बनने के बाद आपको प्राप्त होने वाले ई-मेल में हिंदी ई-पुस्तिका "अपना वेबसाइट स्वयं बनायें" मुफ्त डाउनलोड लिंक भी होगा। आपके इनबाक्स में यदि हमारा ई-मेल न दिखे तो उसे कृपया जंक फोल्डर में खोजें!
|
|