हिंदी वेबसाइट

हिंदीभाषियों
के लिये
एक समर्पित वेबसाइट
एचटीएमएल (HTML) - परिचय
एचटीएमएल - जानने योग्य बातें (HTML - Things to know)
एचटीएमएल अवयव (HTML Elements)
एचटीएमएल - उपयोगी तत्व (HTML - Useful Elements)
मूलभूत एचटीएमएल टैग्स (Basic HTML Tags)
आरम्भिक एचटीएमएल टैग्स (Beginning HTML Tags)
एचटीएमएल टैक्स्ट फॉर्मेटिंग (HTML Text Formatting)
एचटीएमएल के अस्तित्व वाले चिह्न (HTML Character Entities)
एचटीएमएल लिंक (HTML Links)


Shop with Amezon.com

click here

click here

NARAD:Hindi Blog Aggregator

Google

हिंदी वेबसाइट में आपका स्वागत है!

वर्ड एक्सेल पॉवर पाइंट एक्सेस फ्रंटपेज मल्टीमीडिया

रोज नई बातें कम्प्यूटर/इंटरनेट के बारे में!
कम्प्यूटर/इंटरनेट टिप्स - हिंदी वेबसाइट का चिट्ठा!
आज का टिप: गूगल सर्च विशेषज्ञ बनें!

हमारे मेलिंग लिस्ट का सदस्य बनकर "अपना वेबसाइट स्वयं बनायें" हिंदी ई-पुस्तिका मुफ्त में डाउनलोड करे!

सदस्य बनने के लिये यहाँ क्लिक करें

कृपया ध्यान रखें - सदस्य बनने के बाद आपको प्राप्त होने वाले ई-मेल में हिंदी ई-पुस्तिका "अपना वेबसाइट स्वयं बनायें" मुफ्त डाउनलोड लिंक भी होगा। आपके इनबाक्स में यदि हमारा ई-मेल न दिखे तो उसे कृपया जंक फोल्डर में खोजें!

मूलभूत एचटीएमएल टैग्स (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> आड़ी लाइन बनाता है।
<!--> टिप्पणी को परिभाषित करता है।

रोज नई बातें कम्प्यूटर/इंटरनेट के बारे में!
कम्प्यूटर/इंटरनेट टिप्स - हिंदी वेबसाइट का चिट्ठा!
आज का टिप: गूगल सर्च विशेषज्ञ बनें!

हमारे मेलिंग लिस्ट का सदस्य बनकर "अपना वेबसाइट स्वयं बनायें" हिंदी ई-पुस्तिका मुफ्त में डाउनलोड करे!

सदस्य बनने के लिये यहाँ क्लिक करें

कृपया ध्यान रखें - सदस्य बनने के बाद आपको प्राप्त होने वाले ई-मेल में हिंदी ई-पुस्तिका "अपना वेबसाइट स्वयं बनायें" मुफ्त डाउनलोड लिंक भी होगा। आपके इनबाक्स में यदि हमारा ई-मेल न दिखे तो उसे कृपया जंक फोल्डर में खोजें!


एचटीएमएल सीखें! एचटीएमएल सीखें!

click here

अपनी कविताएँ, लेख आदि कृतियों को हिंदी वेबसाइट कृति निर्देशिका में जोड़ कर अन्तर्जाल में हिंदी का वर्चस्व बढ़ायें।

सर्च से आमदनी! (Paid to Search - Easy Money)

मुफ्त ई-कार्ड्स (Free ECards!)

आपकी राय
इंटरनेट में खोजने के लिये आप किस सर्च इंजिन का प्रयोग करते हैं? Total votes: 386

कम्प्यूटर समस्यायें
कम्प्यूटर समस्यायें?
कैसे सुलझायें!!!

वेबसाइट ट्यूटोरियल
अपना वेबसाइट बनायें!

ज्ञान-गंगा!
कम्प्यूटर
आइये कम्प्यूटर सीखे!
एमएस आफिस
(MS Office)
वर्ड (Word)
एक्सेल (Excel)
पॉवर पाइंट (Power Point)

हिन्दी ई-पुस्तकें
हिन्दी में सस्ती एवं ज्ञानवर्धक ई-पुस्तकें खरीदें!
डिजिटल हिन्दी बुक स्टोर

TESNSES (टेन्स) के रहस्यों को सरल हिन्दी भाषा में समझाने वाली प्रथम हिन्दी ई-पुस्तिका
TENSE GUIDE (टेन्स गाइड)

पेजमेकर
पेजमेकर सीखें!

एचटीएमएल
एचटीएमएल सीखें!

click here

हिन्दी वेबसाइट
हिन्दी वेबसाइट की छोटी सी झलक!

निवेश/ऋण/बीमा
शेयर्स में निवेश!
बीमा का इतिहास

पारम्परिक चिकित्सा/कृषि
प्रसिद्ध कृषि वैज्ञानिक पंकज अवधिया के लेख!

कैरियर
नये जाब के लिये तैयारी कैसे करें!

मोबाइल फोन
नोकिया कोड्स - टिप्स तथा ट्रिक्स (Nokia Codes Tips and Tricks)

भारतीय सिनेमा
भारतीय सिनेमा का इतिहास

खोपड़ी खपायें
रु.100 में 100 आइटम लाने का प्रश्न

भोजन व पाक कला
भारतीय भोजन व पाक कला

click here

व्याकरण
हिंदी एवं अंग्रेजी व्याकरण!

संस्कृति
भारतीय संस्कृति!
वाल्मीकि
तुलसीदास
वाल्मीकि रामायण

यात्रा एवं पर्यटन
भारत दर्शन!
यात्रा में निकलने से पहले
यात्रा एवं पर्यटन
यात्रा हेतु सारी सुविधाएँ यात्रा.कॉम (yatra.com) से प्राप्त करें।!

सामान्य ज्ञान
जानवरों के बारे में विशेष जानकारी (special information about animals)
आविष्कार तथा आविष्कारक
संसार की प्रसिद्ध नदियाँ!
संसार की उच्चतम पर्वत चोटियाँ
राष्ट्र के प्रमुख व्यक्ति

ब्यूटी टिप्स
सौंदर्य की विशेष सलाह

सहयोगी वेबसाइट
महिला मंडल

हिंदी वेबसाइट का चिट्ठा
हिंदी वेबसाइट के चिट्ठे
में अपने लेख डालें।

मित्र|समुदाय
गँठजोड़!
गँठजोड़ (Gathjod) में रजिस्टर करने के फायदे

नये-नये लोगों से मिलाये .....
उनमें समीपता लाये .....
आत्मीयता बढ़ाये .....
गँठजोड़

अपने चिट्ठे/वेबसाइट को गँठजोड़ डायरेक्टरी में जोड़ें!


धान के देश में!

हिंदी वेबसाइट!