HTML Basic Tags


                                                              HTML Basic Tags
सभी HTML दस्तावेज़ों के लिए मूल संरचना सरल है और इसमें निम्नलिखित न्यूनतम तत्व या टैग शामिल होने चाहिए:

1 <html> - HTML पृष्ठों के लिए मुख्य कंटेनर

2 <head> - पेज हेडर जानकारी के लिए कंटेनर

3 <title>- पृष्ठ का शीर्षक

4 <body> - पृष्ठ का मुख्य निकाय

याद रखें कि एक खोलने से पहले <html> टैग, एक एक्सएचटीएमएल दस्तावेज़ में वैकल्पिक XML घोषणा हो सकती है, और इसमें हमेशा एक DOCTYPE घोषणा होनी चाहिए जो यह इंगित करती है कि XHTML किस संस्करण का उपयोग करता है।

अब हम इनमें से प्रत्येक टैग को एक-एक करके समझाएंगे। इस ट्यूटोरियल में आपको टर्म्स एलिमेंट और टैग इंटरचेंज की तरह इस्तेमाल किए जाएंगे।

<Html> तत्व:
<HTML> तत्व पूरे HTML दस्तावेज़ के लिए युक्त तत्व है। प्रत्येक HTML दस्तावेज़ में एक <html> होना चाहिए और प्रत्येक दस्तावेज़ को एक समापन </ html> टैग के साथ समाप्त होना चाहिए।

निम्नलिखित दो तत्व <html> तत्व के प्रत्यक्ष बच्चों के रूप में दिखाई देते हैं:

1 <Head>

2 <Body>

जैसे, HTML टैग्स को शुरू करना और समाप्त करना वेब पेज का वर्णन करने के लिए आपके द्वारा उपयोग किए जाने वाले अन्य सभी HTML टैगों को संलग्न करता है।

< Head > तत्व:
<Head> तत्व अन्य सभी शीर्ष लेख तत्वों के लिए एक कंटेनर है। खुलने के बाद दिखाई देने वाली पहली चीज़ होनी चाहिए <html> टैग।

प्रत्येक < Head > तत्व में एक <title> तत्व होना चाहिए जो दस्तावेज़ के शीर्षक को दर्शाता है, हालांकि इसमें किसी भी क्रम में निम्नलिखित तत्वों का कोई संयोजन भी हो सकता है:

1 <base> टैग का उपयोग पृष्ठ पर सभी लिंक के लिए "आधार" यूआरएल बनाने के लिए किया जाता है।

2 <object> टैग को छवियों, जावास्क्रिप्ट ऑब्जेक्ट्स, फ्लैश एनिमेशन, एमपी 3 फाइलें, क्विकटाइम मूवी और पेज के अन्य घटकों को शामिल करने के लिए डिज़ाइन किया गया है।

3 <link> टैग का उपयोग किसी बाहरी फ़ाइल से लिंक करने के लिए किया जाता है, जैसे कि स्टाइल शीट या जावास्क्रिप्ट फ़ाइल।

4 दस्तावेज़ के अंदर CSS नियमों को शामिल करने के लिए <style> टैग का उपयोग किया जाता है।

5 दस्तावेज़ के अंदर JAVAScript या VBScript को शामिल करने के लिए <script> टैग का उपयोग किया जाता है।

6 <meta> टैग में दस्तावेज़ के बारे में जानकारी शामिल है जैसे कि कीवर्ड और एक विवरण, जो विशेष रूप से खोज अनुप्रयोगों के लिए सहायक हैं।

उदाहरण:
निम्नलिखित हेड टैग का उदाहरण है।
<head>
<title>HTML Basic tags</title>
<meta name="Keywords" content="HTML, Web Pages" />
<meta name="description" content="HTML Basic Tags" />
<base href="http://www.compusang.blogspot.com" />
<link rel="stylesheet" type="text/css" href="tp.css" />
<script type="text/javascript">
</script>
</head>
<title>तत्व:
आपको प्रत्येक पृष्ठ के लिए एक शीर्षक निर्दिष्ट करना चाहिए जिसे आप <title>तत्व के अंदर लिखते हैं। यह तत्व <head> तत्व का एक बच्चा है। इसका उपयोग कई तरीकों से किया जाता है:

1 यह एक ब्राउज़र विंडो के बहुत ऊपर प्रदर्शित होता है।

2 इसका उपयोग IE और नेटस्केप जैसे ब्राउज़रों में बुकमार्क के लिए डिफ़ॉल्ट नाम के रूप में किया जाता है।

3 इसका उपयोग खोज इंजनों द्वारा किया जाता है जो इसकी सामग्री का उपयोग अनुक्रमणिका पृष्ठों की सहायता के लिए करते हैं।

इसलिए एक शीर्षक का उपयोग करना महत्वपूर्ण है जो वास्तव में आपकी साइट की सामग्री का वर्णन करता है। <title> तत्व में शीर्षक के लिए केवल पाठ होना चाहिए और इसमें कोई अन्य तत्व शामिल नहीं हो सकते हैं।

उदाहरण:
यहाँ <title> टैग का उपयोग करने का उदाहरण दिया गया है।
<head>
<title>HTML Basic tags</title>
</head>
<Body> तत्व:
<Body> तत्व <head> तत्व के बाद दिखाई देता है और इसमें वेब पेज का वह हिस्सा होता है जिसे आप वास्तव में मुख्य ब्राउज़र विंडो में देखते हैं, जिसे कभी-कभी बॉडी कंटेंट के रूप में जाना जाता है।

<Body> तत्व में पैराग्राफ के एक जोड़े से कुछ अधिक जटिल लेआउट्स के लिए फॉर्म और टेबल वाले कुछ भी हो सकते हैं।

इसमें आप जो सीख रहे हैं, उनमें से अधिकांश और निम्नलिखित पाँच अध्याय <body> टैग और समापन </ body> टैग के बीच लिखे जाएंगे।

उदाहरण:
यहाँ बॉडी टैग का उपयोग करने का उदाहरण है।
<body>
   <p>This is a paragraph tag.</p>
</body>
Putting all together:
Now if we will put all these tags together, it will constitute a complete HTML document as follows:
<html>

<head>
<title>HTML Basic tags</title>
<meta name="Keywords" content="HTML, Web Pages" />
<meta name="description" content="HTML Basic Tags" />
<base href="http://www.compusang.blogspot.com" />
<link rel="stylesheet" type="text/css" href="tp.css" />
<script type="text/javascript">

</script>
</head>

<body>
   <p>This is a paragraph tag.</p>
</body>

</html>
HTML Attributes
विशेषताएँ HTML मार्कअप का एक और महत्वपूर्ण हिस्सा हैं। किसी तत्व की विशेषताओं को परिभाषित करने के लिए एक विशेषता का उपयोग किया जाता है और इसे तत्व के शुरुआती टैग के अंदर रखा जाता है। सभी विशेषताएँ दो भागों से बनी होती हैं: एक नाम और एक मूल्य:

1 नाम वह संपत्ति है जिसे आप सेट करना चाहते हैं। उदाहरण के लिए, उदाहरण में <font> तत्व एक विशेषता रखता है जिसका नाम चेहरा है, जिसे आप यह इंगित करने के लिए उपयोग कर सकते हैं कि आप किस टाइपफेस को पाठ में दिखाना चाहते हैं।

2 मान वह है जो आप चाहते हैं कि संपत्ति का मूल्य हो। पहला उदाहरण एरियल टाइपफेस का उपयोग करने वाला था, इसलिए चेहरे की विशेषता का मूल्य एरियल है।

विशेषता के मूल्य को दोहरे उद्धरण चिह्नों में रखा जाना चाहिए, और नाम से बराबर चिह्न द्वारा अलग किया जाता है। आप देख सकते हैं कि पाठ के लिए एक रंग निर्दिष्ट किया गया है और साथ ही इस <font> तत्व में टाइपफेस:
<font face="arial" color="#CC0000">
<font face="arial" color="#CC0000">
कई HTML टैग में अपनी विशेषताओं का एक अनूठा सेट होता है। इन पर चर्चा की जाएगी क्योंकि प्रत्येक टैग को पूरे ट्यूटोरियल में पेश किया गया है। अभी हम जेनेरिक विशेषताओं के एक सेट पर ध्यान केंद्रित करना चाहते हैं जिसका उपयोग अस्तित्व में हर HTML टैग के साथ किया जा सकता है।

No comments:

Post a Comment

Please Do Not Enter Any Spam Link in the comment Box.