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

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


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

कम्प्यूटर
Computer
आइये कम्प्यूटर सीखें!
Computer Tutorials in Hindi
एमएस आफिस
MS Office
वर्ड (Word)
एक्सेल (Excel)
पॉवर पाइंट (Power Point)

click here

पेजमेकर
Pagemaker
पेजमेकर सीखें! (Pagemaker)

एचटीएमएल
HTML
एचटीएमएल सीखें! (HTML)

अपसामान्य (Paranormal)
अतीन्द्रिय बोध (Extrasensory perception)
भूत-प्रेत (Ghost)

आयुर्वेद (Ayurved)
आयुर्वेद! (Ayurved)

कहावतें (Proverbs)
अंग्रेजी कहावते : हिन्दी भावार्थ
English Proverbs with Hindi Meaning

सुमधुर संगीत (Melody)
सुमधुर संगीत (Melody)

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

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

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

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

यात्रा एवं पर्यटन
भारत दर्शन!

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

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

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

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

मित्र|समुदाय
गँठजोड़!
How to Speak and Write correctly

Inquisitiveness - जिज्ञासा

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

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

Digital Hindi Books
My Hubpage
My Lense
Forex Auto Pilot Video