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

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

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

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

एचटीएमएल अवयव (HTML Elements)


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

एचटीएमएल फाइल एचटीएमएल अवयव से बने टैक्स्ट फाइल होते हैं।

पहले से ही परिभाषित (defined) एचटीएमएल टैग्स को एचटीएमएल अवयव कहा जाता है।


एचटीएमएल टैग्स (HTML Tags)

  • एचटीएमएल टैग्स को एचटीएमएल अवयव (elements) बनाने के लिये प्रयोग किया जाता है।
  • एचटीएमएल टैग्स हमेशा < और > चिह्नों के बीच घिरे होते हैं।
  • घेरे वाले इन चिह्नों को कोण कोष्ठक (angle brackets) कहा जाता है।
  • एचटीएमएल टैग्स का प्रयोग सामान्यतः जोड़ी में किया जाता है, जैसे कि <b> और </b>
  • जोड़ी का पहला टैग आरम्भ टैग (start tag) और दूसरा टैग समाप्ति टैग (end tag) कहलाता है।
  • आरम्भ टैग और समाप्ति टैग के बी लिखे जाने वाली सामग्री को अवयव सामग्री (element content) कहते हैं।
  • एचटीएमएल टैग्स को अंग्रेजी के छोट या बड़े किसी भी अक्षर में लिखने से कुछ फर्क नहीं पड़ता अर्थात् <b> को <B> भी लिखा जा सकता है।


पिछले पाठ के एचटीएमएल फाइल को याद करें:

<html>
<head>
<title>पृष्ठ का शीर्षक</title>
</head>
<body>
यह मेरा पहला मुखपृष्ठ है। <b>मेरे मुखपृष्ठ में आपका स्वागत है!</b>
</body>
</html>

उपरोक्त फाइल में नीचे दिया गया उदाहरण एक एचटीएमएल अवयव है:

<b>मेरे मुखपृष्ठ में आपका स्वागत है!</b>

एचटीएमएल टैग आरम्भ टैग (start tag): <b> से शुरू होता है
मेरे मुखपृष्ठ में आपका स्वागत है! एचटीएमएल अवयव की सामग्री (content) है।
एचटीएमएल टैग समाप्ति टैग (end tag): </b> से समाप्त होता है

<b> टैग एचटीएमएल अवयव को बताता है कि इसे बोल्ड फॉर्मेट में होना चहिये।

निम्न उदाहरण भी एक एचटीएमएल अवयव है:

<body>
यह मेरा पहला मुखपृष्ठ है। <b>मेरे मुखपृष्ठ में आपका स्वागत है!</b>
</body>

इस एचटीएमएल अवयव का आरम्भ टैग <body>, और समाप्ति टैग </body> है।

<body> टैग का उद्देश्य एचटीएमएल अवयव को यह परिभाषित करना है कि उसके भीतर एचटीएमएल डाकुमेंट की पूर्ण सामग्री है।



हम अंग्रेजी छोटे अक्षरों वाले टैग का ही प्रयोग क्यों करते हैं?

यद्यपि <B> और <b> का मतलब एक ही होता है किन्तु हम अंग्रेजी छोटे अक्षरों वाले टैग का ही प्रयोग करते हैं, क्या कारण है?

कारण यह है कि यदि हमें वेब के नवीनतम मानकों को मानना है तो अंग्रेजी के छोटे अक्षरों वाले टैग का ही प्रयोग करना चाहिये। World Wide Web Consortium (W3C) के HTML 4 संस्तुति में अंग्रेजी के छोटे अक्षरों वाले टैग्स की अनुशंसा की गई है।


टैग विशेषताएँ (Tag Attributes)

टैग की विशेषताएँ भी हो सकती हैं जो कि एचटीएमएल अवयव को अतिरिक्त जानकारी देती हैं।

<table> टैग को border="0"> जोड़ कर <table border="0"> लिखने से एचटीएमएल अवयव को यह अतिरिक्त जानकारी मिलती है कि टेबल में बॉर्डर नहीं देना है।

विशेषताएँ हमेशा name/value की जोड़ी में होती हैं, जैसे कि: name="value".

विशेषताओं को हमेशा एचटीएमएल अवयव के आरम्भ टैग के साथ जोड़ा जाता है।


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

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

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

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

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


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

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) में रजिस्टर करने के फायदे

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

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


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

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