HTML Tags Full Tutorials In Hindi | HTML Tags क्या है? हिंदी में जाने|

Introduction to HTML Tags In Hindi 


HTML, Files और Text का एक Combinations होता है, HTML Tags को HTML Elements भी कहा जाता है| यदि आप HTML Tags को समझ ले तो आप HTML को आसानी से सीख सकते हो क्युकी HTML पुरे तरह Tags के दुवारा ही कार्य करता है| 


HTML Tags In Hindi Tutorials


Syntax of HTML Tags In Hindi 


HTML Tags के तीन Parts होते है | Opening Tag शुरुआत में लगाया जाता है| इससे Interpreter को पता चल जाता है की आप क्या करने वाले है| Opening Tag के बाद वो Text लिखा जाता है जिस पर यह Tag apply करना है और इसके बाद Closing Tag को लिखा जाता है 


Closing Tags से Interpreter को पता लग जाता है की इस tag को उपयोग यही तक करना है| Closing Tag को Opening Tags से अलग करने के लिए (/Forward Slash का use किया जाता है| 


<tagname> Text </tagname>     


सभी HTML Tags ही Closing Tags के दुवारा Close नहीं किये जाते है| HTML में कुछ ऐसे भी Tags है जिन्हे सिर्फ Opening Tags के दुवारा ही define किया जाता है ऐसे Tags को Empty Tags कहा जाता है इनका कोई Closing Tag नहीं होता है इनका syntax निचे दिया जा रहा है :-


<tagname>  


HTML में कुछ ऐसे भी Tags है जिनको Opening Tag और Closing tag एक ही Part में define किया जाता है| इनमे पहले Tag का नाम लिख जाता है उसके बाद (/) Forward Slash लगाया जाता है इसका Syntax निचे दिया जा रहा है| 


<tagname /> 


Types of HTML Tags In Hindi 


HTML में बहुत प्रकार के Tags available है जिनमे कुछ tags को Text की Formatting करने के लिए Use किया जाता है, तो कुछ ऐसे Tags है जिनको Multimedia Elements, Audio,Video ,Image आदि को Insert करने के लिए Use किया जाता है|   


HTML के कुछ है जिनको Structure जैसे की Tables, Lists, Section आदि Creating करने के लिए Use किया जाता है, तो कुछ Tags Container की तरह भी काम करते है जिनके अन्दर दूसे Tags को भी define किया जा सकता है जो उसके Sub Tags होते है| 



HTML के सभी प्रकार के Tags को कुछ मुख्य Categories में divide करके निचे बताया जा रहा है:-       


1. HTML Basic Tags 

Basic Tags वे Tags होते है जो सभी HTML Documents में अनिवार्य रूप से Use किये जाते है| ये Tags किसी HTML Documents के Core Structure को define करते है| HTML के Basic Tags की List निचे दी जा रही है:-


  • <html> :- यह Tag एक HTMLफाइल को define करने के लिए use है| सभी HTML files की शुरुआत इसी Tags से की जाती है| 
  • <head> :- इस Tag में Web pages से related  Scripts और Styles define की जाती है| यह एक Web page का Header Section होता है. जिसमे अधिकतर Meta Information को लिखा जाता है| 
  • <title> :- इस Tags में Web page का Title name define किया जाता है|        
  • <body> :- इस Tags में Web Page का Main (मुख्य) Content define किया जाता है जो हमेंWeb page पर दिखाई देता है| 



2.  Formatting Tags:-

HTML में Formatting Tags वे tags होते है जो Text की Formatting करने के लिए Use किये जाते है | ये Tags, Text पर ही Apply होते है और text की Presentation को Control करते है | HTML के Formatting tags की List निचे दी जा रही है:-


  • <i> :- इस Tag का Use, text को italic बनाने के लिए किया जाता है| 
  • <b> :- इस Tag के दुवारा Text को Bold किया जाता है|  
  • <u> :- इस Tag का Use, text को underline करने के लिए किया जाता है|  
  • <ins> :- इस Tag के दुवारा ऐसे text को define किया जाता है जो Content के बाद में add  किया गया है| 
  • <mark> : - इस Tag के दुवारा Text को highlight किया जाता है| 
  • <sup>  :- इस Tag से Text को superscript के रूप में define किया जाता है|
  • <sub> :- इस Tag से Text को subscript के रूप में define किया जाता है    
  • <small> :- इस Tag का use Text को Small Text में लिखने के लिए define किया जाता है| 
  • <del> :- इस Tag से Text को Delete Show किया जाता है| 
  • <strong> :- इस Tag से Text को Strong (Bold) Show किया जाता है|                   



3. Form and Input Tags :-

HTML में Form और Input Tags web page में Forms (create) बनाने और User से Data Input प्राप्त करने के लिए Use किये जाते है| इसकी List निचे दी जा रही है :-
  • <form> :- यह Form elements create करने के लिए एक Container Tag होता है इसका उसे form बनाने के लिए किया जाता है| 
  • <input> :- इस Tag दुवारा different form elements create किये जाते है| जैसे name field  हो  number field, mail आदी| 
  • <textarea> :- इस tag के दुवारा textarea create किये जाते है जैसे User से message Input लेने के लिए textarea का use किया जाता है| 
  • <button> :- इस Tag के दुवारा buttons create किये जाते है| 
  • <select> : इस Tag के दुवारा dropdown menu या list create किया जाता है| 
  • <optground> :- इस Tag के दुवारा dropdown menu में relation options का group create किया जाता है| 
  • <option> :- इस Tag दुवारा dropdown list के options define किये जाते है| 
  • <label> :- इस Tag का use text label define करने के लिए उसे किया जाता है| 
  • <fieldset> :- इस Tag के दुवारा किसी from में related elements का set create किया जाया है|         


4 Frame Tags :-

HTML में Frame tags एक web page को Frames के रूप में divide करनेके लिए Use किये जाते है| इस Tags की List निचे दी जा रही है :-     
  • <frame> :- यह Tag Frame elements create करने के लिए container का कार्य करता है| 
  • <frameset> :- यह Tag Frames define करने के लिए Use किया जाता है| 
  • <noframes> :- इस Tag दुवारा उन Browsers के लिए content define किया जाता है जो Forms को support नहीं करते है| 
  • <ifreme> : इस Tag दुवारा inline frames define किये जाते है|       


5 Image Tags  :-

Image Tags web page में Image को Include और render करने के लिए Use किये जाते है| इनकी List निचे दी गई है:-
  • <img> :- इस Tag के दुवारा web page में image को include किया जाता है| 
  • <map> :- इस Tag दुवारा एक image map include किया जाता है| 
  • <area> :- इस tag दुवारा map में किसी particular locations को show किया जाता है| 


6 Link Tags  :-

Link Tags web page में Links create करने के लिए use किये जाते है| Links एक web page से दूसरे web page तक Travel करने के लिए Use किये जाते है|  इनकी List निचे दी जा रही है:-
  • <a> :- इस टैग दुवारा web page में link define किया जाता है| 
  • <link> :- इस tag दुवारा HTML file को CSS file से जोड़ा जाता है|                


7 List Tags  :-

  • List Tag web page में List Create करने के लिए Use किया जाता है इसके tag के दुवारा हम webpage में List बना सकते है| इसकी list निचे दी जा रही है :-
  • <ul> :- यह Tag unordered list के लिए container create करता है| 
  • <ol> :- यह Tag ordered लिस्ट के लिए container create करता है|  
  • <li> :- इस tag के दुवारा list items को define किया जाता है| 
  • <dl> :- यह Tag definition list के लिए container create करता है|   
  • <dt> :- यह Tag के दुवारा definition list की terms define की जाती है|
  • <dd> :- इस Tag के दुवारा definition list की definition define की जाती है| 


8 Table Tags :-

Table Tags web page में Table create करने के लिए use किये जाते है| इनकी list निचे दी जा रही है:-
  • <table> :- यह Tag table create करने के लिए container का काम करता है सभी tables table टैग के दुवारा ही create की जाती है| 
  • <th> :- इस Tag दुवारा Table की heading define की जाती है| 
  • <tr> :- इस Tag दुवारा Table की Rows define की जाती है| 
  • <td> :- इस Tag  के दुवारा Tables के Columns define किये जाते है| 
  • <thead> :- यह Tag Table के Header content का Group create करता है| 
  • <tbody> :- यह Tag Table के body content का Group create करता है| 
  • <caption> :- इस Tag दुवारा Table का Title (शीर्षक) define किया जाता है| 


9 Style Tags :-    

Style Tags Web page में विभिन्न प्रकार की Styles apply करने के लिए Use किया जाता है| इसकी List निचे दी जा रही हे:-
  • <style> :- इस Tag के अन्दर HTML Document के लिए Style (CSS) define की जाती है|                     



10 Section Tags :-

Section tag web page में Section Create करने के लिए Container की तरह काम करता है| इसकी List निचे दी जा रही है:-
  • <div> :- यह Tag block, section create करने के लिए Use किया जाता है| 
  • <span> :- यह Tag एक inline, section create करने के लिए Use किया जाता है|       
  • <section> :- इस Tag का Use document को कई sections में divide करने के लिए किया जाता है| 


11 Scripting Tags :-

Scripting Tags web pages में Scripts को apply करने के लिए Use किये जाते है| इसकी List निचे दी जा रही है:-
  • <script> :- इस Tag के अन्दर html के साथ Use की जाने वाली scripts को define किया जाता है| 
  • <noscript> :- इस Tag के अन्दर ऐसे Browser के लिए content define करते है जो scripts को support नहीं करते है| 

Post a Comment

0 Comments