HTML (HyperText Markup Language) एक प्रमुख वेब पृष्ठ संरचना भाषा है। यह दरअसल एक मानकता में अंदर डिजाइन किया गया फॉर्मेट होता है जिसमें वेब पृष्ठों की संरचना, सीमित तत्वों का दिखावा, शीर्षक, पैरामीटर्स, लिंक, एन्कलेव, छाप आदि की जानकारी शामिल होती है। HTML को इंटरनेट पर वेब पेज तैयार करने के लिए उपयोग किया जाता है, इसे वेब डिजाइन में अपनाया जाता है, और इसका उपयोग विभिन्न प्रकार के सामग्री जैसे टेक्स्ट, छवियां, वीडियो, ऑडियो आदि को प्रदर्शित करने के लिए किया जाता है।
HTML को लिखने के लिए इसका संरचित ढंग फॉलो किया जाता है, जिसमें टैग (Tags) का उपयोग होता है। टैग शेर्लिंकों (<>) के बीच में लिखे जाते हैं और पृष्ठ के संरचना और दिखाने जाने वाले तत्वों को संकेतित करते हैं। HTML में कई प्रकार के टैग होते हैं, जैसे <html>, <head>, <title>, <body> आदि। इन टैगों का उपयोग अलग-अलग प्रकार की जानकारी और तत्वों को वेब पृष्ठ में संकेतित करने के लिए किया जाता है।
एचटीएमएल वेब ब्राउज़रों द्वारा समझी जाने योग्य संरचना होती है, जो सामग्री को सही ढंग से प्रदर्शित करती है और उपयोगकर्ताओं को सामग्री के बीच नेविगेट करने की अनुमति देती है। HTML के साथ-साथ, CSS (Cascading Style Sheets) भी उपयोग किया जाता है जो पृष्ठों को दृश्यता और स्टाइल का निर्धारण करने में मदद करता है।
HTML टैग्स एक HTML दस्तावेज़ या वेबपेज की निर्माण और संरचना के लिए उपयोग होते हैं। ये उपयोगकर्ता को ब्राउज़र में विभिन्न यूआरएल, टेक्स्ट, इमेज और वीडियो आदि को साझा करने में मदद करने वाले एलिमेंट्स होते हैं। यहां कुछ HTML टैग दिए गए हैं और उनकी इंफॉर्मेशन दी गई है:
1. ```<html>```: यह टैग HTML दस्तावेज़ कन्टेनर को चिह्नित करता है।
2. ```<head>```: इस टैग के भीतर वेबपेज की मेटाडेटा जैसे शीर्षक, साइट का विवरण, संदेशावली आदि जानकारी शामिल होती है।
3. ```<title>```: इस टैग के भीतर वेबपेज का शीर्षक सेट किया जाता है।
4. ```<body>```: यह टैग वेबपेज का वास्तविक सामग्री जैसे टेक्स्ट, इमेज, वीडियो, टेबल, हाइपरलिंक आदि को चिह्नित करता है।
5. ```<p>```: यह टैग पैराग्राफ को चिह्नित करता है।
6. ```<h1>``` to ```<h6>```: ये टैग्स शीर्षक लेवल को चिह्नित करते हैं, रचनात्मक शीर्षक (h1) सबसे महत्वपूर्ण और छोटे शीर्षक (h6) सबसे कम महत्वपूर्ण बताता है।
7. ```<img>```: यह टैग इमेज संग्रह को चिह्नित करता है।
8. ```<a>```: यह टैग हाइपरलिंक को चिह्नित करता है जिसे क्लिक करके उपयोगकर्ता दूसरे वेबपेज पर नेविगेट कर सकता है।
9. ```<table>```: यह टैग एक टेबल को चिह्नित करता है। यह अन्य इलेमेंट्स जैसे कि ```<tr>``` (पंक्ति), ```<th>``` (शीर्षक पंक्ति), और ```<td>``` (डेटा पंक्ति) को समायोजित करने के लिए उपयोग किया जाता है।
10. ```<div>```: यह टैग वेबपेज की सेक्शन या खंड को चिह्नित करता है जो CSS के द्वारा स्टाइलिंग के लिए उपयोगी हो सकता है।
11. ```<span>```: इस टैग के भीतर स्पष्ट पाठ को चिह्नित कर सकते हैं, जिसमें आप स्टाइलिंग का उपयोग कर सकते हैं।
12. ```<form>```: यह टैग एक फ़ॉर्म को चिह्नित करता है, जिसमें विभिन्न इनपुट इलेमेंट्स जैसे कि टेक्स्ट बॉक्स, रेडियो बटन, चेकबॉक्स, और सबमिट बटन शामिल हो सकते हैं।
Formatting Tags
<abbr> Element का पूरा नाम Abbreviation होता है. Abbreviation Element से Abbreviation Define किया जाता है.<b> Element का पूरा नाम Bold है. Bold Element से Text को Bold (गहरा) किया जाता है.<del> Element का पूरा नाम Delete है. Delete Element से Document से Delete Text को Define किया जाता है.<em> Element का पूरा नाम Emphasize होता है. इससे Text को Emphasized किया जाता है.<i> Element का पूरा नाम Italic है. इससे Text को Italic यानि तिरछा किया जाता है.<ins> Element का पूरा नाम Insert है. Insert Element से Delete किए गए Text की जगह पर लिखे गए Text को Define किया जाता है.<pre> Element का पूरा नाम Preformat है. इस Element से Preformatted Text को Define किया जाता है.<q> Element का पूरा नाम Quotation है. Quotation Element से छोटा Quotation Define किया जाता है. जैस; किसी शब्द या शब्दांश को Quote करने के लिए <q> Element का उपयोग किया जाता है.<strike> Element का पूरा नाम Strikethrough है. Strikethrough Element से Strikethrough Text को Define किया जाता है. इससे Text के बीछ में एक Line आ जाती है.<sub> Element का पूरा नाम Subscript होता है. <sub> Element से Text को Subscript किया जाता है.<sup< Element का पूरा नाम Suprescript है. इससे Text को Suprescript किया जाता है.<u> Element का पूरा नाम Underline होता है. इस Element से Text को Underline किया जाता है. मतलब Text के नीचे एक Line आ जाती है.Link Tags का नाम और उनके उपयोग के बारे में बताया जा रहा है.
- <a> –
<a>Element का पूरा नाम Anchor है. Anchor Element का उपयोग Document में Hyperlink बनाने के लिए किया जाता है. - <link> Link Element का उपयोग External Document को HTML Document से जोडने के लिए किया जाता है.
Lists Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
- <ul> –
<ul>Element का पूरा नाम Unorder List होता है. Unorder List Element द्वारा Bullet Lists या Unorder Lists बनाई जाती है. - <ol> –
<ol>Element का पूरा नाम Order List होता है. Order List Element द्वारा Number या Order Lists बनाई जाती है. - <li> –
<li>Element का पूरा नाम List Item होता है. List Item Element द्वारा एक List में लिखे जाने वाले Data को Define किया जाता है. - <dl> –
<dl>Element का पूरा नाम Definition List होता है. Definition List Element द्वारा Definition Lists को Define किया जाता है. - <dt> –
<dt>Element का पूरा नाम Definition Term होता है. Definition Term Element द्वारा Definition Term को Define किया जाता है. - <dd> –
<dd>Element का पूरा नाम Definition Description होता है. Definition Description Element द्वारा Definition Terms के Description को Define किया जाता है.
Table Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
- <table> –
<table>Element से Table को Define किया जाता है. - <caption> –
<caption>Element का उपयोग Table Caption यानि शीर्षक Define करने के लिए किया जाता है. - <th> –
&th;th>Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Table Header यानि Cells को Define किया जाता है. - <tr> –
<tr>Element का पूरा नाम Table Row होता है. Table Row Element द्वारा Table Row को Define किया जाता है. - <td> –
<td>Element का पूरा नाम Table Data होता है. Table Data Element द्वारा Table Data को Define किया जाता है. यानि जो Data हम Table में लिखना चाहता है. - <thead> –
<thead>Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Header Content का Group बनाया जाता है. - <tbody> –
<tbody>Element का पूरा नाम Table Body होता है. Table Body Element द्वारा Table के Body Content को Group किया जाता है. - <tfoot> –
<tfoot>Element का पूरा नाम Table Footer होता है. Table Footer द्वारा Footer Content को Group किया जाता है.
Form Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
- <form> –
<form>Element का उपयोग HTML Document में Form Create करने के लिए किया जाता है. - <input> –
<input>Element का उपयोग HTML Form में विभिन्न प्रकार के Input Controls Create करने के लिए किया जाता है. - <textarea –
<textarea>Element द्वारा Form में Text Area बनाया जाता है. - <button> –
<button>Element से Form में Buttons बनाए जाते है. - <option> –
<option>Element के द्वारा Drop-Down List में Options बनाने के लिए किया जाता है. - <optgroup> –
<optgroup>Element का पूरा नाम Option Group होता है. इस Element द्वारा Drop-Down List मे एक प्रकार एक Options का एक Group बनाया जाता है. - <label> –
<label>Element द्वारा एक Input Element के लिए Label को Define किया जाता है. - <fieldset> –
<em>Element द्वारा Form में एक प्रकार के Elements का एक Group बनाया जाता है. - <legend> –
<em>Element द्वारा Fieldset Element के लिए Caption या शीर्षक बनाया जाता है.
ये केवल कुछ HTML टैग हैं, अन्य भी बहुत सारे टैग हैं जो आपको वेबपेज की व्याख्या करने और अनुकूलित करने में मदद कर सकते हैं।