Skip to main content

HTML tags

 



#1 Basic HTML Tags

HTML Basic Tags वे Tags होते है, जो एकHTML Document की Foundation रखते है. इसलिये इन्हे Foundation Tags भी कहते है. नीचे HTML Basic Tags की List और उनके उपयोग के बारे में बताया जा रहा है.

  1. <–…–> – यह Comment Tag है. Comment Element का उपयोग उपयोग HTML Document में Comment Define करने के लिए किया जाता है.
  2. <!DOCTYPE> – DOCTYPE Element का पूरा नाम Document Type Definition होता है. DOCTYPE Element का उपयोग Document Type को Define करने के लिए किया जाता है.
  3. <HTML> – HTML Element एक HTML Document का Root Element होता है. इससे HTML Document को Define किया जाता है.
  4. <Head> – Head Element द्वारा HTML Document के बारे में लिखा जाता है. यह एक Webpage का Header Section होता है. जिसमे अधिकतर Meta Information को लिखा जाता है.
  5. <Title> – Title Element का उपयोग HTML Document का Title Define करने के लिए किया जाता है. Document Title हमें browse Window में दिखाई देता है. Document Title को Head Element में लिखा जाता है.
  6. <Body> – Body Element से HTML Document की Body को Define किया जाता है. Body Element में एक HTML Document का Visible Part लिखा जाता है, जो Users को दिखाई देता है.
  7. <H1> to <H6> – ये Heading Elements है. Heading Element द्वारा HTML Document में Headings को Define किया जाता है. HTML में H1 से H6 Level तक Headings बना सकते है.
  8. <P> – इसे Paragraph Element कहते है. इसका उपयोग HTML Document में Paragraph Define करने के लिए किया जाता है.
  9. <Hr> – <hr> Element का पूरा नाम Horizontal Line है. Hr Element से HTML Document में Horizontal Line को Define किया जाता है.
  10. <Br> – <br> Element का पूरा नाम Break है. Br Element का उपयोग Single Line Break देने के लिए किया जाता है. मतलब आप एक Line को अलग-अलग Line में तोडकर लिख सकते है.

#2 Formatting Tags

Formatting HTML Tags वे Tags होते है, जिनसे Document Text की Formatting की जाती है. मतलब आप Text को किस प्रकार दिखाना चाहते है. नीचे कुछ मुख्य Formatting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

  1. <abbr> – <abbr> Element का पूरा नाम Abbreviation होता है. Abbreviation Element से Abbreviation Define किया जाता है.
  2. <b> – <b> Element का पूरा नाम Bold है. Bold Element से Text को Bold (गहरा) किया जाता है.
  3. <big> – Big Element से Text को Normal Size से बडा करने के लिए किया जाता है.
  4. <blockquote> – Blockquote Element का उपयोग Document में Text को Quote करने के लिए किया जाता है. इसका मुख्य उपयोग अन्य Source से प्राप्त Data को Quote करने के लिए होता है.
  5. <center> – इसे Center Element कहते है. इससे किसी HTML Element की Center Position को Define किया जाता है.
  6. <code> – Code Element से Computer Code को Define किया जाता है.
  7. <del> – <del> Element का पूरा नाम Delete है. Delete Element से Document से Delete Text को Define किया जाता है.
  8. <em> – <em> Element का पूरा नाम Emphasize होता है. इससे Text को Emphasized किया जाता है.
  9. <font> – Font Element से Text का Font, Color और Size Define किया जाता है.
  10. <i> – <i> Element का पूरा नाम Italic है. इससे Text को Italic यानि तिरछा किया जाता है.
  11. <ins> – <ins> Element का पूरा नाम Insert है. Insert Element से Delete किए गए Text की जगह पर लिखे गए Text को Define किया जाता है.
  12. <mark> – Mark Element से Text को Highlight किया जाता है.
  13. <pre> – <pre> Element का पूरा नाम Preformat है. इस Element से Preformatted Text को Define किया जाता है.
  14. <q> – <q> Element का पूरा नाम Quotation है. Quotation Element से छोटा Quotation Define किया जाता है. जैस; किसी शब्द या शब्दांश को Quote करने के लिए <q> Element का उपयोग किया जाता है.
  15. <small> – Small Element से Text को Normal Size से छोटा दिखाने के लिए किया जाता है.
  16. <strike> – <strike> Element का पूरा नाम Strikethrough है. Strikethrough Element से Strikethrough Text को Define किया जाता है. इससे Text के बीछ में एक Line आ जाती है.
  17. <strong> – इससे Important Text को Define किया जाता है.
  18. <sub> – <sub> Element का पूरा नाम Subscript होता है. <sub> Element से Text को Subscript किया जाता है.
  19. <sup> – <sup< Element का पूरा नाम Suprescript है. इससे Text को Suprescript किया जाता है.
  20. <u> – <u> Element का पूरा नाम Underline होता है. इस Element से Text को Underline किया जाता है. मतलब Text के नीचे एक Line आ जाती है.

#3 Style Tags

Style Tags के द्वारा एक HTML Document की Style Information को Define किया जाता है. नीचे Style Tags के बारे में बताया जा रहा है.

  1. <style> – </style> Element द्वारा HTML Document में Style Information को Define किया जाता है. इसके द्वारा Text Color, Text Size, Heading Color और Size, Paragraph Size और Color को अपनी पसदांनुसार Define किया जा सकता है.

#4 Image Tags


Image Tags के द्वारा HTML Document में Image Insert करने के लिए किया जाता है. नीचे Image Tags के नाम और इनके उपयोग के बारे में बताया जा रहा है.

  1. <img> – <img> Element का पूरा नाम Image होता है. इस Element द्वारा Document में Image को Define किया जाता है.
  2. <map> – <map> Element से Image-Map को Define किया जाता है.
  3. <area> – <area> Element से Image-Map में एक विशेष Area कोक Define किया जाता है.

#5 Link Tags

Link Tags का उपयोग HTML Document में Hyperlinks बनाने और अन्य बाहरी Documents को जोडने के लिए किया जाता है. नीचे Link Tags का नाम और उनके उपयोग के बारे में बताया जा रहा है.

  1. <a> - <a> Element का पूरा नाम Anchor है. Anchor Element का उपयोग Document में Hyperlink बनाने के लिए किया जाता है.
  2. <link> Link Element का उपयोग External Document को HTML Document से जोडने के लिए किया जाता है.

#6 Section Tags

Section Tags का उपयोग एक HTML Document को विभिन्न भागों में विभाजित करने के लिए किया जाता है. नीचे कुछ Section Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

  1. <span> – <span> Element के द्वारा एक HTML Document में inline Sections बनाए जाते है. इसके द्वारा एक शब्द, Paragraph, Paragraphs का एक Section बना सकते है.
  2. <div> – <div> Element का पूरा नाम Division है. Division Element से HTML Document में अलग-अलग Sections को Define किया जाता है.

#7 List Tags

List Tags के द्वारा HTML Document में Lists बनाई जाती है. आप Number Lists, Bullet Lists, Order Lists, Unorder Lists और Definition Lists Create कर सकते है. नीचे Lists Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.


  1. <ul> – <ul> Element का पूरा नाम Unorder List होता है. Unorder List Element द्वारा Bullet Lists या Unorder Lists बनाई जाती है.
  2. <ol> – <ol> Element का पूरा नाम Order List होता है. Order List Element द्वारा Number या Order Lists बनाई जाती है.
  3. <li> – <li> Element का पूरा नाम List Item होता है. List Item Element द्वारा एक List में लिखे जाने वाले Data को Define किया जाता है.
  4. <dl> – <dl> Element का पूरा नाम Definition List होता है. Definition List Element द्वारा Definition Lists को Define किया जाता है.
  5. <dt> – <dt> Element का पूरा नाम Definition Term होता है. Definition Term Element द्वारा Definition Term को Define किया जाता है.
  6. <dd> – <dd> Element का पूरा नाम Definition Description होता है. Definition Description Element द्वारा Definition Terms के Description को Define किया जाता है.

#8 Table Tags

Table Tags के द्वारा HTML Document में Table Create करने के लिए किया जाता है. Table से Data को Tabular Format में Present किया जाता है. नीचे Table Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.



  1. <table> – <table> Element से Table को Define किया जाता है.
  2. <caption> – <caption> Element का उपयोग Table Caption यानि शीर्षक Define करने के लिए किया जाता है.
  3. <th> – &th;th> Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Table Header यानि Cells को Define किया जाता है.
  4. <tr> – <tr> Element का पूरा नाम Table Row होता है. Table Row Element द्वारा Table Row को Define किया जाता है.
  5. <td> – <td> Element का पूरा नाम Table Data होता है. Table Data Element द्वारा Table Data को Define किया जाता है. यानि जो Data हम Table में लिखना चाहता है.
  6. <thead> – <thead> Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Header Content का Group बनाया जाता है.
  7. <tbody> – <tbody> Element का पूरा नाम Table Body होता है. Table Body Element द्वारा Table के Body Content को Group किया जाता है.
  8. <tfoot> – <tfoot> Element का पूरा नाम Table Footer होता है. Table Footer द्वारा Footer Content को Group किया जाता है.

#9 Forms & Input Tags

Form Tags का उपयोग एक HTML Document में अलग-अलग प्रकार के Forms बनाने के लिए किया जाता है. नीचे Form Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.



  1. <form> – <form> Element का उपयोग HTML Document में Form Create करने के लिए किया जाता है.
  2. <input> – <input> Element का उपयोग HTML Form में विभिन्न प्रकार के Input Controls Create करने के लिए किया जाता है.
  3. <textarea – <textarea> Element द्वारा Form में Text Area बनाया जाता है.
  4. <button> – <button> Element से Form में Buttons बनाए जाते है.
  5. <option> – <option> Element के द्वारा Drop-Down List में Options बनाने के लिए किया जाता है.
  6. <optgroup> – <optgroup> Element का पूरा नाम Option Group होता है. इस Element द्वारा Drop-Down List मे एक प्रकार एक Options का एक Group बनाया जाता है.
  7. <label> – <label> Element द्वारा एक Input Element के लिए Label को Define किया जाता है.
  8. <fieldset> – <em> Element द्वारा Form में एक प्रकार के Elements का एक Group बनाया जाता है.
  9. <legend> – <em> Element द्वारा Fieldset Element के लिए Caption या शीर्षक बनाया जाता है.

#10 Scripting or Programming Tags

Scripting Tags द्वारा एक HTML Document में कुछ Programming Codes को लिखा जाता है. नीचे Scripting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.


  1. <script> – <script> Element द्वारा HTML Document में Script को Define किया जाता है.
  2. <noscript> – <noscript> Element द्वारा उन ब्राउजरों के लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Script को Support नहीं करते है. या जिन ब्राउजरों में Script को Disable कर दिया जाता है.

#11 Frame Tags

Frame Tags द्वारा एक HTML Document को कई Frames में बाँटा जा सकता है. मतलब एक Document को कई अलग-अलग Window बनाकर उनमे अलग-अलग Data Show करा सकते है. Frame का अब ज्यादा उपयोग नही किया जाता है. फिर भी जानकारी देने के लिए हमने Frame Tag के बारे में नीचे बताया है.



  1. <frame> – <frame> Element के द्वारा HTML Document में Frames को Define किया जाता है.
  2. <frameset> – <frameset> Element द्वारा एक Frameset को Define किया जाता है. Frameset को Frame Tag द्वारा अलग-अलग Rows और Columns में बाँटा जाता है.
  3. <noframes> – <noframes> Element द्वारा उन ब्राउजरों एक लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Frames को Support नही करते है.
  4. <iframe> – <iframe> Element द्वारा HTML Document में Inline Frame को Define किया जाता है.
  5. #12 Meta Tags
  6. Meta Tags द्वारा एक Webpage के बारे में Information को लिखा जाता है. इस Information का उपयोग Search Engines द्वारा HTML Document के बारे में जानकारी लेने के लिए किया जाता है. नीचे मुख्य Meta Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.
  7. <meta> – <meta> Element द्वारा एक Document का Meta Data Define किया जाता है.
  8. #13 Head tag
  9. <head< – <head> Element का पूरा नाम Header होता है. Header Element द्वारा एक Document के बारे में Information को Define किया जाता है

    #14 base tag

    <base> – <base> Element का उपयोग एक Document में Related URLs के लिए एक Base URL Define करने के लिए किया जाता है.

- By Ravindra Chaubey

Comments

Post a Comment

knowledgeable post

Popular posts from this blog

HTML Element

HTML Element HTMl Element क्या है – What is an HTML Element? यह प्रश्न हमेशा ही Confuse करता है. खासततौर पर नये-नये Programmers तो HTML Elements के बारे में Confused ही रहते है. इसी Confusion को दूर करने के लिये हमने यह Lesson तैयार किया है. इस Lesson में हम आपको HTML Element क्या है? HTML Element और HTML Tag में अंतर क्या है – Different between HTML Tag and HTML Element? HTML Element के प्रकार – Types of HTML Elements? आदि के बारे में जानकारी देंगे. Table of Content HTML Element क्या है – What is an HTML Element?

LIST TAG

List tag HTML lists are used to organize and structure content on a web page. There are two types of lists in HTML: ordered and unordered. An ordered list is represented by the <ol> tag, and each list item is represented by the <li> tag. The items in an ordered list are numbered, and the numbers are automatically generated by the browser. Here's an example of an ordered list: <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> This will be rendered as: Item 1 Item 2 Item 3 An unordered list is represented by the <ul> tag, and each list item is represented by the <li> tag. The items in an unordered list are bullet points, and the bullet points are automatically generated by the browser. Here's an example of an unordered list: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> This will be rendered as: Item 1 Item 2 Item 3 You

Clock Using Html & Js

CLOCK : : Code for this clock <! DOCTYPE html > < html lang = " en " > < head >     < meta charset = " UTF-8 " >     < meta http-equiv = " X-UA-Compatible " content = " IE=edge " >     < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >     < title > Document </ title > </ head > < style >     body {         background-color : black ;         width : 98 vw ;         height : 95 vh ;         border : 4 px double cornflowerblue ;     }     . heading {         text-align : center ;         margin-top : 10 px ;         font-size : 70 px ;         color : crimson ;     }     . heading img {         height : 50 px ;         width : 60 px ;     }     . time {         text-align : center ;         color : crimson ;         font-size : 100 px ;         padding-top : 70 px ;     }     .