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

हिंदीभाषियों
के लिये
एक समर्पित वेबसाइट
एचटीएमएल (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

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

आरम्भिक एचटीएमएल टैग्स (Beginning HTML Tags)


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

सबसे पहले आप यह समझ लें कि कोई वेब ब्राउसर (web browser) किसी वेब पेज (web page) को ऊपर से नीचे तथा बाँये (left) से दाँयें (right) की दिशा में पढ़ता है। पढ़ते समय जब भी उसे कोई टैग मिलता है, वह उसी के अनुसार वेब पेज को दिखाता है अर्थात्

टैग मिलने पर वेब पेज को पैराग्राफ के रूप में और
टैग मिलने पर टेबल के रूप में दिखायेगा। किसी भी टैग को हम मुख्य रूप से तीन भागों में विभाजित कर सकते हैं: आरम्भ टैग (opening tag), सामग्री (content), और समाप्ति टैग (closing tag)। आपको एक बार पुनः याद दिला दें कि एक पूर्ण टैग अर्थात् जिसमें उपरोक्त तीनों भाग हों, अवयव (element) कहलाता है।



आप देखेंगे कि किसी वेब पेज को दर्शाने के लिये सैकड़ों HTML टैग्स का प्रयोग किया जाता है। टेबल, चित्र, लिस्ट, फॉर्म और भी बहुत सी चीजें इन्हीं टैग या टैग्स की जोड़ियों की सहायता से दर्शाया जाता है। और सभी को दर्शाने के लिय सिर्फ निम्न रूप का ही कोड प्रयोग होता है:

<आरम्भिक टैग (openingtag)>सामग्री (Content)</समाप्ति टैग (closingtag)>
जैसे कि
<p>पैराग्राफ टैग</p>

वैसे तो टैग्स को अंग्रेजी के बड़े (capital) या छोटे (small) अक्षरों में से किसी में भी लिखने से कोई फर्क नहीं पड़ता किन्तु XHTML और Dynamic HTML के मानकों का ध्यान रखते हुये हमें टैग्स लिखने के लिये अंग्रेजी के छोटे अक्षरों का प्रयोग करना चाहिये। नीचे कुछ HTML टैग्स दर्शाये जा रहे हैं:

<body>बॉडी टैग - Body Tag (सामग्री को रखने के लिये ढाँचे का कार्य करता है)
<p>पैराग्राफ टैग - Paragraph Tag</p>
<h2>हेडिंग टैग - Heading Tag</h2>
<b>मोटे अक्षर के लिये टैग - Bold Tag</b>
<i>तिरछे अक्षरों के लिये टैग - Italic Tag</i>
</body>


बगैर समाप्ति टैग वाले टैग (Tags Without Closing Tags)

कुछ टैग ऐसे भी होते हैं जिनका कि समाप्ति टैग (closing tag) नहीं होते अर्थात् जोड़ी में नहीं होते। इनका जोड़ी में न होने का मुख्य कारण है कि इनके बीच में किसी प्रकार की सामग्री (content) नहीं होती, जैसे कि सामग्री लिखते समय एक पंक्ति छोड़ना (line break)। पंक्ति छोड़ने के लिये निम्नलिखित टैग प्रयोग किया जाता है:

</br> या <br />

पंक्ति छोड़ने के लिये उपरोक्त दोनों में से किसी एक टैग का प्रयोग होता है पर ध्यान यह रखना है कि पहले टैग में कहीं कोई खाली स्थान (space) नहीं छोड़ना पड़ता किन्तु दूसरे टैग में 'br' और '/' के बीच में एक खाली स्थान (space) छोड़ना आवश्यक है।

वेब ब्राउसर में किसी चित्र (image) को दर्शाने के लिये प्रयोग होने वाला टैग नीचे दिखाया जा रहा है:

<img src="../ganesh.jpg" />

उपरोक्त टैग वेब ब्राउसर में निम्नानुसार दिखाई देगा:

उपरोक्त समस्त उदाहरणों से स्पष्ट हो जाता है कि एक अच्छा वेब ब्राउसर सभी HTML टैग्स को समझने की योग्यता रखता है साथ ही वह src एट्रीब्यूट (attribute) को पढ़ कर यह भी जान लेता है कि चित्र को किस स्थान से वेब पेज पर लाना है। आगे हम एट्रीब्यूट्स के विषय में विस्तारपूर्वक चर्चा करेंगे।


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

click here

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

click here

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

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

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

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

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

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

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

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

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

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


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

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