Html में भिन्न भिन्न प्रकार के tags ( elements ) है तथा सभी tags का अपना अलग विशेष कार्य होता है दोस्तों html के tags की उत्पत्ति धीरे धीरे होती है, जैसे जैसे हमे web pages में नये नये functions की जरूरते पड़ने लगी वैसे वैसे नया html tags को develop किया गया |
दोस्तों इस पोस्ट में हम लगभग सभी html tags के नाम और उनके उपयोग के साथ साथ उनके html program के example भी देने वाले है, दोस्तों हमने सभी html tags की लिस्ट बनाई है और इस html tags को हमने कई category में विभाजित किया है, ताकि आप सभी को html tags को समझने में बहुत आसानी हो |
तो चलिए अब हम सभी html tags के बारे में basic रूप जानते है, html tag लिस्ट को निम्न category में बांटा गया है |
Basic HTML Tags In Hindi -
Html में basic tags वे tags होते है जो की एक html document की नीव ( Foundation ) होते है, तथा इसलिए इन्हें Foundation tags कहा जाता है | निचे लिस्ट के रूप में basic html tags के बारे में बताया गया है |
1) <!doctype> - <!doctype> element का पूरा नाम document type definition कहलाता है, इसका उपयोग document type को define करने के लिए किया जाता है लेकिन program में doctype element का उपयोग नही करने पर भी html program, html file को by default, document type के रूप में ही लेता है |
उदाहरण देखने के लिए यह क्लिक करे – doctype
2) <HTML> - <html> tag से html document को define किया जाता है, html tag को प्रोग्राम के शुरू में तथा उसके closing tag को अंत में लिखा जाता है |
उदाहरण देखने के लिए यह क्लिक करे – HTML
3) <head> - <head> tag से हम html program का heading लिखते है, इसको document का header section कहा जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Head
4) <title> - जैसा की नाम से ही स्पष्ट हो रहा है title tag का इस्तेमाल html document के title को define करने के लिए किया जाता है, title tag को head tag के अन्दर define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Title
5) <body> - <body> tag से हम html document के body को define करते है, body tag में document का visible part दिखाई देता है, जो की देखने वाले यूजर को दीखता है |
उदाहरण देखने के लिए यह क्लिक करे – Body
6) <h1> to <h6> - ये heading tags होते है, इससे हम html document की heading को define करते है, हम html में h1 से h6 तक के heading बना सकते है |
उदाहरण देखने के लिए यह क्लिक करे – H1 to H6
7) <p> - इसे paragraph tag कहते है इसका use html में paragraph define करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Paragraph
8) <hr> - <hr> tag का पूरा नाम horizontal line होता है, यह page में horizontal line प्रदर्शित करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Horizontal line
9) <br/> - <br/> tag का पूरा नाम break है इसका उपयोग एक single line break देने के लिए किया जाता है मतलब की हम इस tag का इस्तेमाल करके page में एक line का space दे सकते है | यह एक सिंगल tag है इसका closing tag नही होता है |
10) <–…–> - इसको comment tag कहते है इसका उपयोग html program में comments लिखने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Comment
Formatting Tags In HTML In Hindi –
Html में formatting tags वे tags होते है जिनकी उपयोग से हम html document की formatting करते है, निचे formatting के बारे में बताया गया है |
1) <b> - <b> tag का पूरा नाम bold है इसका उपयोग text को bold में प्रदर्शित करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Bold
2) <big> - <big> tag का उपयोग text को big size में दिखाने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Big
3) <blockquote> <blockquote> tag का उपयोग डॉक्यूमेंट में text को quote में करने के लिए किया जाता है quote का मुख्य उपयोग अन्य source से प्राप्त text को quote करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – blockquote
4) <center> - इसे center tag कहते है इससे किसी भी html के element को center position में define करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – center
5) <del> - <del> tag का पूरा नाम delete है del tag का उपयोग document से delete text को define करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – delete
6) <em> - <em> tag का पूरा नाम Emphasize होता है. em tag से Text को Emphasized किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Emphasize
7) < font > - <font> tag का उपयोग html में text के font, color और size को define करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – font
8) <i> – <i> tag का पूरा नाम Italic है. इससे html में Text को Italic यानि तिरछा किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Italic
9) <ins> – <ins> tag का पूरा नाम Insert है. Insert tag से Delete किए गए Text की जगह पर हम लिखे गए Text को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Insert
10) <mark> – <Mark> tag से Text को Highlight किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Mark
11) <pre> – <pre> tag का पूरा नाम Preformat है. इस tag से Preformatted Text को Define किया जाता है, यानि इसमें text को जैसा लिखा जाता है वो वैसा ही page में दीखता है |
उदाहरण देखने के लिए यह क्लिक करे – Preformat
12) <q> – <q> tag का पूरा नाम Quotation है. Quotation tag से छोटा Quotation को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Quotation
13) <small> – <Small> tag से Text को Normal Size से छोटा दिखाने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Small
14) <strike> – <strike> tag का पूरा नाम Strikethrough है. Strike tag से Strikethrough Text को Define किया जाता है. इससे Text के बिच में एक Line आ जाती है |
उदाहरण देखने के लिए यह क्लिक करे – strike
15) <strong> – <strong> tag से html document में Important Text को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – strong
16) <sub> – <sub> tag का पूरा नाम Subscript होता है. sub tag से Text को Subscript किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Subscript
17) <sup> – <sup> tag का पूरा नाम Superscript है. इससे Text को Superscript किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Superscript
18) <u> – <u> tag का पूरा नाम Underline होता है. इस tag से Text को Underline किया जाता है. मतलब Text के नीचे एक Line आ जाती है |
उदाहरण देखने के लिए यह क्लिक करे – Superscript
Style Tags In HTML in Hindi -
Style Tags से हम एक HTML Document की Style Information को Define कर सकते है नीचे Style Tags के बारे में बताया जा रहा है |
1) <style> – <style> tag से हम HTML Document में Style Information को Define का सकते है. इसके द्वारा Text Color, Text Size, Heading Color और Size, Paragraph Size और Color को अपने हिसाब से Define किया जा सकता है |
Image Tags In HTML In Hindi -
Image Tags से HTML Document में Image Insert करने के लिए तथा image format करने के किया जाता है. नीचे Image Tags के नाम और इनके उपयोग के बारे में बताया गया है |
1) <img> – <img> tag का पूरा नाम Image होता है. इस img tag से Document में Image को Define किया जाता है |
2) <map> – <map> tag से Image-Map को Define किया जाता है |
3) <area> – <area> tag से Image-Map में एक निष्चित Area को Define किया जाता है |
Link Tags In HTML In Hindi
Link Tags का उपयोग HTML में Hyperlinks को बनाने और अन्य बाहरी Documents और web pages को जोडने के लिए किया जाता है. नीचे Link Tags का नाम और उनके उपयोग के बारे में बताया गया है |
1) <a> – <a> tag का पूरा नाम Anchor है. Anchor tag का उपयोग Document में Hyperlink बनाने के लिए किया जाता है |
2) <link> - <Link> tag का उपयोग External Document को HTML Document से जोडने के लिए किया जाता है |
Section Tags In Html In Hindi
Section Tags का उपयोग HTML Document को विभिन्न भागों में विभाजित करने के लिए किया जाता है. नीचे Section Tags के नाम तथा उनके उपयोग के बारे में बताया गया है |
1) <span> – <span> tag के से एक HTML Document में inline Sections बनाए जाते है. Span tag से हम एक शब्द, Paragraph, Paragraphs का एक Section बना सकते है.
2) <div> – <div> tag का पूरा नाम Division है. Division tag से HTML Document में अलग-अलग Sections को Define किया जाता है |
List Tags In HTML In Hindi -
List Tags से HTML Document में Lists बनाई जाती है. आप इससे Number Lists, Bullet Lists, Order Lists, Un order Lists और Definition Lists Create कर सकते है. नीचे Lists Tags के नाम और उनके उपयोग के बारे में बताया गया है |
1) <ul> – <ul> tag का पूरा नाम Unorder List होता है. Unorder List tag द्वारा Bullet Lists या Unorder Lists बनाई जाती है |
उदाहरण देखने के लिए यह क्लिक करे – Unorder List
2) <ol> – <ol> tag का पूरा नाम Order List होता है. Order List tag द्वारा Number या Order Lists बनाई जाती है |
उदाहरण देखने के लिए यह क्लिक करे – Order List
3) <li> – <li> tag का पूरा नाम List Item होता है. List Item tag द्वारा एक List में लिखे जाने वाले Data को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – List Item
4) <dl> – <dl> tag का पूरा नाम Definition List होता है. Definition List tag द्वारा Definition Lists को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Definition List
5) <dt> – <dt> tag का पूरा नाम Definition Term होता है. Definition Term tag द्वारा Definition Term को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Definition Term
6) <dd> – <dd> tag का पूरा नाम Definition Description होता है. Definition Description tag द्वारा Definition Terms के Description को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Definition Description
Table Tags In HTML In Hindi -
Table Tags से HTML Document में Table Create करने के लिए किया जाता है. Table से विभिन्न Data को Tabular Format में Present किया जाता है. नीचे Table Tags के नाम और उनके उपयोग के बारे में बताया गया है |
1) <table> – <table> tag से Table को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – table
2) <caption> – <caption> tag का उपयोग Table Caption यानि शीर्षक को Define करने के लिए किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – caption
3) <th> – <th> tag का पूरा नाम Table Header होता है. Table Header tag से Table Header यानि Cells को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Table Header
4) <tr> – <tr> tag का पूरा नाम Table Row होता है. Table Row tag से Table Row को Define किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – Table Row
5) <td> – <td> tag का पूरा नाम Table Data होता है. Table Data tag से Table Data को Define किया जाता है. यानि जो Data हम Table में लिखना चाहते है |
उदाहरण देखने के लिए यह क्लिक करे – Table Data
6) <thead> – <thead> tag का पूरा नाम Table Header होता है. Table Header tag से Header Content का Group बनाया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – thead
7) <tbody> – <tbody> tag का पूरा नाम Table Body होता है. Table Body tag से Table के Body Content को Group किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – tbody
8) <tfoot> – <tfoot> tag का पूरा नाम Table Footer होता है. Table Footer tag से Footer Content को Group किया जाता है |
उदाहरण देखने के लिए यह क्लिक करे – tfoot
Forms and Input Tags In HTML In Hindi -
Form Tags का उपयोग HTML Document में अलग-अलग प्रकार के Forms बनाने के लिए किया जाता है. नीचे Form Tags और input tags के नाम और उनके उपयोग के बारे में बताया गया है |
1) <form> – <form> tag का उपयोग HTML में Form Create करने के लिए किया जाता है |
2) <input> – <input> tag का उपयोग HTML Form में विभिन्न प्रकार के Input Controls को Create करने के लिए किया जाता है |
3) <textarea> – <textarea> tag से Form में Text Area बनाया जाता है |
4) <button> – <button> tag से Form में Buttons बनाए जाते है |
5) <option> – <option> tag से Drop-Down List में Options बनाने के लिए किया जाता है |
6) <optgroup> – <optgroup> tag का पूरा नाम Option Group होता है. इस tag द्वारा Drop-Down List मे एक प्रकार एक Options का एक Group बनाया जाता है |
7) <label> – <label> tag से एक Input Element के लिए Label को Define किया जाता है |
Scripting or Programming Tags In HTML
Scripting Tags से एक HTML Document में कुछ Programming Codes को लिखा जाता है. नीचे Scripting Tags के नाम और उनके उपयोग के बारे में बताया गया है |
1) <script> – <script> tag से HTML Document में Script को Define किया जाता है.
2) <noscript> – <noscript> tag से उन browsers के लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Script को Support नहीं करते है. या जिन browsers में Script को Disable कर दिया जाता है |
Frame Tags In HTML In Hindi -
Frame Tags से एक HTML Document को कई Frames में विभाजित किया जा सकता है. यानि की एक Document में कई अलग-अलग Window बनाकर उनमे अलग-अलग Data दिखा सकते है. Frame का अब ज्यादा उपयोग नही किया जाता है. फिर भी जानकारी देने के लिए हमने Frame Tag के बारे में नीचे बताया है |
1) <frame> – <frame> tag से HTML Document में Frames को Define किया जाता है |
2) <frameset> – <frameset> tag से एक Frameset को Define किया जाता है. Frameset को Frame Tag के द्वारा अलग-अलग Rows और Columns में विभाजित किया जाता है |
3) <noframes> – <noframes> tag से उन browsers के लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Frames को Support नही करते है |
4) <iframe> – <iframe> tag से HTML Document में Inline Frame को Define किया जाता है |
0 Comments
Post a Comment