HTML Tag एक साधारण शब्द या अक्षर होता है. जो Angular Brackets (< >) से घिरा रहता है. इस प्रकार एक साधारण शब्द/अक्षर और Angular Brackets से एक HTML Tag का निर्माण होता है. नीचे कुछ उदाहरण दिए गए है. आप इन्हे पढकर आसानी से HTML Tag को समझ जाऐंगे.
Types Of HTML Tag
एक HTML Tag के तीन भाग होते है:
Opening Tag Text Closing Tag Opening Tag
Opening Tag को Start Tag भी कहा जाता है. Start Tag का कार्य Browser को बताना है कि अब ये Rule Define हो रहा है. ताकि ब्राउजर उस Tag को सही तरह से Read कर सके. Opening Tag को इस प्रकार लिखा जाता है.
<Tag Name>
Text या Content
Text वह जानकारी होती है; जो Webpage में लिखनी होती है. आप जो सूचना या जानकारी अपने Users को बताना चाहते है. वह Text यहाँ लिखा जाता है. Text लिखने के बाद Syntax कुछ इस प्रकार दिखाई देता है.
<Tag Name> Text
Closing Tag
Closing Tag को End Tag भी कहते है. End Tag से ब्राउजर को Opening Tag द्वारा Define Rule की समाप्ती के बारे में बताया जाता है. ये तीन Elements मिलकर एक HTML Tag का Syntax बनाते है. इन्हे एक साथ इस प्रकार लिखा जाता है. यह एक HTML Tag का पूरा Syntax है.
<Tag Name> Text </Tag Name>
Closing Tag को Opening Tag से अलग बनाने के लिए Forward Slash (/) का उपयोग किया जाता है.
सभी HTML Tags का Syntax एक जैसा नही होता है. ऊपर बताया गया Syntax Paired Tags में Use किया जाता है. लेकिन, कुछ HTML Tags अकेले होते है. इन्हे Empty Tag कहते है. Empty Tag का Syntax इस प्रकार लिखा जाता है.
<Tag Name />
HTML Tag के प्रकार – Types of HTML Tags
HTML Language में विभिन्न प्रकार के Tags होते है. प्रत्येक Tag का उपयोग अलग-अलग Elements को Define करने के लिये किया जाता है. HTML Tags के दो प्रकार होते है:
Paired HTML Tag Unpaired HTML Tag 1. Paired HTML Tags
Paired HTML Tags वे HTML Tags होते है. जिनको जोडे यानि Pair में लिखा जाता है. एक Paired Tag के दो भाग होते है. पहला Opening Part होता है. जिसे इस प्रकार लिखा जाता है.
<Tag Name>
दूसरा भाग Closing Part होता है. इस भाग को Content यानि Text के बाद लिखा जाता है. इस भाग को इस प्रकार Define किया जाता है.
</Tag Name>
HTML में अधिकतर Tag Paired Tag ही होते है. लेकिन, हर चीज की तरह इनके भी अपवाद होते है – Unpaired Tag.
2. Unpaired HTML Tag
Unpaired Tag को Singular HTML Tag भी कहा जाता है. ये Tag अकेले होते है. Singular Tag का साथी Tag नही होता है. एक Unpaired Tag में Opening Part और Closing Part को एक साथ ही लिखा जाता है. एक Singular Tag को HTML Document में इस प्रकार Define किया जाता है.
HTML Tag का Syntax – Syntax of an HTML Tag
Basic Tags
HTML Basic Tags वे Tags होते है, जो एक HTML Document की Foundation रखते है. इसलिये इन्हे Foundation Tags भी कहते है. नीचे HTML Basic Tags की List और उनके उपयोग के बारे में बताया जा रहा है.
<–…–> – यह Comment Tag है. Comment Element का उपयोग HTML Document में Comment Define करने के लिए किया जाता है. <!DOCTYPE> – DOCTYPE Element का पूरा नाम Document Type Definition होता है. DOCTYPE Element का उपयोग Document Type को Define करने के लिए किया जाता है. <HTML> – HTML Element एक HTML Document का Root Element होता है. इससे HTML Document को Define किया जाता है. <Head> – Head Element द्वारा HTML Document के बारे में लिखा जाता है. यह एक Webpage का Header Section होता है. जिसमे अधिकतर Meta Information को लिखा जाता है. <Title> – Title Element का उपयोग HTML Document का Title Define करने के लिए किया जाता है. Document Title हमें Browser Window में दिखाई देता है. Document Title को Head Element में लिखा जाता है. <Body> – Body Element से HTML Document की Body को Define किया जाता है. Body Element में एक HTML Document का Visible Part लिखा जाता है, जो Users को दिखाई देता है. <H1> to <H6> – ये Heading Elements है. Heading Element द्वारा HTML Document में Headings को Define किया जाता है. HTML में H1 से H6 Level तक Headings बना सकते है. <P> – इसे Paragraph Element कहते है. इसका उपयोग HTML Document में Paragraph Define करने के लिए किया जाता है. <Hr> – <hr> Element का पूरा नाम Horizontal Line है. Hr Element से HTML Document में Horizontal Line को Define किया जाता है. <Br> – <br> Element का पूरा नाम Break है. Br Element का उपयोग Single Line Break देने के लिए किया जाता है. मतलब आप एक Line को अलग-अलग Line में तोडकर लिख सकते है. Formatting Tags
Formatting HTML Tags वे Tags होते है, जिनसे Document Text की Formatting की जाती है. मतलब आप Text को किस प्रकार दिखाना चाहते है. नीचे कुछ मुख्य Formatting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
<abbr> – <abbr> Element का पूरा नाम Abbreviation होता है. Abbreviation Element से Abbreviation Define किया जाता है. <b> – <b> Element का पूरा नाम Bold है. Bold Element से Text को Bold (गहरा) किया जाता है. <big> – Big Element से Text को Normal Size से बडा करने के लिए किया जाता है. <blockquote> – Blockquote Element का उपयोग Document में Text को Quote करने के लिए किया जाता है. इसका मुख्य उपयोग अन्य Source से प्राप्त Data को Quote करने के लिए होता है. <center> – इसे Center Element कहते है. इससे किसी HTML Element की Center Position को Define किया जाता है. <code> – Code Element से Computer Code को Define किया जाता है. <del> – <del> Element का पूरा नाम Delete है. Delete Element से Document से Delete Text को Define किया जाता है. <em> – <em> Element का पूरा नाम Emphasize होता है. इससे Text को Emphasized किया जाता है. <font> – Font Element से Text का Font, Color और Size Define किया जाता है. <i> – <i> Element का पूरा नाम Italic है. इससे Text को Italic यानि तिरछा किया जाता है. <ins> – <ins> Element का पूरा नाम Insert है. Insert Element से Delete किए गए Text की जगह पर लिखे गए Text को Define किया जाता है. <mark> – Mark Element से Text को Highlight किया जाता है. <pre> – <pre> Element का पूरा नाम Preformat है. इस Element से Preformatted Text को Define किया जाता है. <q> – <q> Element का पूरा नाम Quotation है. Quotation Element से छोटा Quotation Define किया जाता है. जैस; किसी शब्द या शब्दांश को Quote करने के लिए <q> Element का उपयोग किया जाता है. <small> – Small Element से Text को Normal Size से छोटा दिखाने के लिए किया जाता है. <strike> – <strike> Element का पूरा नाम Strikethrough है. Strikethrough Element से Strikethrough Text को Define किया जाता है. इससे Text के बीछ में एक Line आ जाती है. <strong> – इससे Important Text को Define किया जाता है. <sub> – <sub> Element का पूरा नाम Subscript होता है. <sub> Element से Text को Subscript किया जाता है. <sup> – <sup< Element का पूरा नाम Suprescript है. इससे Text को Suprescript किया जाता है. <u> – <u> Element का पूरा नाम Underline होता है. इस Element से Text को Underline किया जाता है. मतलब Text के नीचे एक Line आ जाती है. Style Tags
Style Tags के द्वारा एक HTML Document की Style Information को Define किया जाता है. नीचे Style Tags के बारे में बताया जा रहा है.
<style> – <style> Element द्वारा HTML Document में Style Information को Define किया जाता है. इसके द्वारा Text Color, Text Size, Heading Color और Size, Paragraph Size और Color को अपनी पसदांनुसार Define किया जा सकता है. Image Tags
Image Tags के द्वारा HTML Document में Image Insert करने के लिए किया जाता है. नीचे Image Tags के नाम और इनके उपयोग के बारे में बताया जा रहा है.
<img> – <img> Element का पूरा नाम Image होता है. इस Element द्वारा Document में Image को Define किया जाता है. <map> – <map> Element से Image-Map को Define किया जाता है. <area> – <area> Element से Image-Map में एक विशेष Area कोक Define किया जाता है. Link Tags
Link Tags का उपयोग HTML Document में Hyperlinks बनाने और अन्य बाहरी Documents को जोडने के लिए किया जाता है. नीचे Link Tags का नाम और उनके उपयोग के बारे में बताया जा रहा है.
<a> – <a> Element का पूरा नाम Anchor है. Anchor Element का उपयोग Document में Hyperlink बनाने के लिए किया जाता है. <link> Link Element का उपयोग External Document को HTML Document से जोडने के लिए किया जाता है. Section Tags
Section Tags का उपयोग एक HTML Document को विभिन्न भागों में विभाजित करने के लिए किया जाता है. नीचे कुछ Section Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
<span> – <span> Element के द्वारा एक HTML Document में inline Sections बनाए जाते है. इसके द्वारा एक शब्द, Paragraph, Paragraphs का एक Section बना सकते है. <div> – <div> Element का पूरा नाम Division है. Division Element से HTML Document में अलग-अलग Sections को Define किया जाता है. List Tags
List Tags के द्वारा HTML Document में Lists बनाई जाती है. आप Number Lists, Bullet Lists,Order Lists, Unorder Lists और Definition Lists Create कर सकते है. नीचे 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 Tags के द्वारा HTML Document में Table Create करने के लिए किया जाता है. Table से Data को Tabular Format में Present किया जाता है. नीचे 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 किया जाता है. Forms & Input Tags
Form Tags का उपयोग एक HTML Document में अलग-अलग प्रकार के Forms बनाने के लिए किया जाता है. नीचे 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 या शीर्षक बनाया जाता है. Scripting or Programming Tags
Scripting Tags द्वारा एक HTML Document में कुछ Programming Codes को लिखा जाता है. नीचे Scripting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
<script> – <script> Element द्वारा HTML Document में Script को Define किया जाता है. <noscript> – <noscript> Element द्वारा उन ब्राउजरों के लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Script को Support नहीं करते है. या जिन ब्राउजरों में Script को Disable कर दिया जाता है. Frame Tags
Frame Tags द्वारा एक HTML Document को कई Frames में बाँटा जा सकता है. मतलब एक Document को कई अलग-अलग Window बनाकर उनमे अलग-अलग Data Show करा सकते है. Frame का अब ज्यादा उपयोग नही किया जाता है. फिर भी जानकारी देने के लिए हमने Frame Tag के बारे में नीचे बताया है.
<frame> – <frame> Element के द्वारा HTML Document में Frames को Define किया जाता है. <frameset> – <frameset> Element द्वारा एक Frameset को Define किया जाता है. Frameset को Frame Tag द्वारा अलग-अलग Rows और Columns में बाँटा जाता है. <noframes> – <noframes> Element द्वारा उन ब्राउजरों एक लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Frames को Support नही करते है. <iframe> – <iframe> Element द्वारा HTML Document में Inline Frame को Define किया जाता है. Meta Tags
Meta Tags द्वारा एक Webpage के बारे में Information को लिखा जाता है. इस Information का उपयोग Search Engines द्वारा HTML Document के बारे में जानकारी लेने के लिए किया जाता है. नीचे मुख्य Meta Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
<head< – <head> Element का पूरा नाम Header होता है. Header Element द्वारा एक Document के बारे में Information को Define किया जाता है. <meta> – <meta> Element द्वारा एक Document का Meta Data Define किया जाता है. <base> – <base> Element का उपयोग एक Document में Related URLs के लिए एक Base URL Define करने के लिए किया जाता है.
Sanjeev pandey
@DigitalDiaryWefru