99 HTML Tags at a Glance
|यदि आप Web Development करना चाहते हैं तो आपको HTML All Tags के बारे मे जानकारी होना बहुत ही जरूरी हैं चाहे आप उसे PHP के साथ उपयोग करे या फिर Java या फिर Dot Net, याद अन्य किसी भी Language का उपयोग करे जो User को Display होगा वह HTML Form मे ही होगा इसलिए हमे HTML का Knowledge होना बहुत ही जरूरी हैं ।
HTML Tags in Hindi : इस Article मे हमने सभी Tags को हिन्दी मे समझाया हैं ताकि आप आसानी से समझ सके ।
Installation
HTML को Execute करने के केवल Browser की जरूरत होती हैं , Text Editor आप कोई सा भी उपयोग कर सकते हैं जैसे Notepad, Notepad++ आदि ।
आइए इस Article मे Tags के बारे मे Short मे बताता हु ताकि एक View मे ही आपको Knowledge हो जाए की HTML मे कितने Tag होते हैं , और जो ज्यादा उपयोग मे आने वाले Tag हैं उनके लिए मे और Link Article लिख दूंगा ताकि आप आसानी से HTML सिख सके ।
अच्छे से समझने के लिए हमे Tag को कुछ भागों मे Divide किया हैं ।
- Basic HTML Tags (22)
- Text Formatting Related Tags (18)
- Form Tag for User Input (11)
- List Related Tags (6)
- Table Related Tags (10)
- Progress Tag (2)
- Graphics Related Tags (6)
- Multimedia Tags (3)
- Some Useful Tag for Good UI (8)
- Content Writing Tags for Blogger (6)
- SEO Related Tags (2)
- Tags For Developer (5)
Basic HTML Tags
<!DOCTYPE html> <!--Document type =-->
<!-- Defines a comment -->
<html> <!--HTML document -->
<head> <!--Contains metadata/information for the document -->
<title> Document Title </title>
<!-- Responsive Mobile View -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="style.css"> <!-- Link External CSS File -->
<style> <!-- Write Internal CSS --> </style>
<script> <!-- Write JavaScript --> </script>
</head>
<body> <!-- Html Code Body -->
<nav> <!-- For Nevigation -->
<a href="LinkFile">Menu 1</a> |
<a href="LinkFile">Menu 2</a>
</nav>
<h1> H1 Heading </h1>
<h2> H2 Heading </h2>
<h3> H3 Heading </h3>
<h4> H4 Heading </h4>
<h5> H5 Heading </h5>
<h6> H6 Heading </h6>
<p> <!-- Paragraph -->
<hr/> <!--Inserts Line -->
<!--Inserts Line break -->
Before BR <br/> After BR <br/>
<wbr/> <!--Word Break -->
</p>
</body>
</html>
Preview
Description in Hindi
- <!DOCTYPE html> : Web Browser यह बताने के लिए होता हैं की हम को Code लिख रहे हैं वह की Language मे हैं हम HTML मे लिख रहे हैं इसलिए हमे यहाँ पर HTML लिखा हैं और यह Line हमे हमेशा पहली Line मे ही लिखना हैं ।
- <!– Comment –> : यदि आपको HTML मे Comment करना चाहते हैं तो आपकी इस तरह से tag लगाना होगा ।
- <html> : यह Main tag हैं हम जो भी html tags लिखेंगे सभी इसी मे लिखना हैं।
- <head> : हमारे HTML Document का Title और Meta से संबंधित जानकारी और साथ मे हम जो भी Internal CSS, JavaScript और कोई भी External File Include करते हैं वह सभी यहाँ पर लिखी जाती हैं ।
- <title> : Document का Title लिखने के लिए ।
- <meta> : इसमे हम सभी जानकारी जो की Search Engine के लिए जरूरी होती हैं वह सभी लिखते हैं और मोबाईल Browser ओर Unicode Support से संबंधित Code भी यहाँ पर लिखा जाता हैं ।
- <link> : External Resource को ऐड करने के लिए link का उपयोग किया जाता हैं ।
- <style> : यदि हम CSS लिखना चाहते हैं तो यहाँ पर लिख सकते हैं ।
- <script> : यहाँ पर हम JavaScript के Code लिखेंगे ।
- <body> : हमे जो भी Design करेंगे Coding के द्वारा जो की हमे User को Display करनी हैं वह सभी हमे Body Tag मे लिखना हैं ।
- <nav> : अपने देखा होगा की किसी भी Website मे अलग अलग page को जोडेने के लिए सबसे top मे लिंक दिए होते हैं वह सभी हम nav tag से बनाते हैं इसे Navigation Bar भी कहा जाता हैं ।
- <a> : यह Anchor Tag हैं इस Tag की सहायता से हम किसी भी Text को अन्य किसी Page पर ले जाते हैं यानि की Linking का कार्य करता हैं ।
- <h1> to <h6> : यह सभी Heading के Level हैं , h1 यानि की सबसे बड़ी ओर h6 सबसे छोटी ।
- <p> : Paragraph एक टैग का उपयोग paragraph बनाने मे होता हैं ।
- <hr/> : लाइन बनाने के लिए इसका उपयोग किया जाता हैं ।
- <br/> : Line Break – एक लाइन के बाद से लिखने के लिए br का उपयोग किया जाता हैं।
- <wbr/> : जहा से ही हम बड़े Word को break करना चाहते है वहा पर हम wbr का उपयोग करते हैं उसके बाद के सभी character next लाइन मे shift हो जाते हैं ।
Text Formatting Related HTML Tags
B : <b> Bold Text </b><br>
I : <i> Italic Text </i><br>
U : <u> Underline Text </u><br>
Sub : <sub> Subscripted Text </sub> 10<sub>5</sub> <br>
Sup : <sup> Superscripted Text </sup> 10<sup>5</sup> <br>
Small : <small>small : Smaller Text </small><br>
Strong : <strong>Important Text like Bold </strong><br>
Ins : <ins>Text that has been Inserted into a Document like Underline </ins><br>
Del : <del>Text that has been Deleted from a Document </del><br>
S : <s> Text Incorrect </s> <br>
Q : <q> Inverted Commas </q><br>
Blockquote : <blockquote> Quoted Text </blockquote><br>
Em : <em> Emphasized Text </em><br>
Mark : <mark> Highlighted Text </mark><br>
Abbr : <abbr title="HyperText Markup Language">HTML</abbr> Abbreviation <br>
Dfn : <dfn title="HyperText Markup Language">HTML</dfn> Terms Show lik Italic <br>
BDO : <bdo dir="rtl" > Bi-Directional Override for Text Direction </bdo><br>
Cite :<cite> Title of a Work shows in Italic </cite>
Preview
Description in Hindi
- <b> : Text को Bold करने के लिए
- <i> : Text को Italic करने के लिए यानि की तिरछा करने के लिए ।
- <u> : Text के नीचे Line देने के लिए या Underline Text करने के लिए ।
- <sub> : Subscripted Text – Normal Size से थोड़ी छोटी साइज़ मे लिखने के लिए
- <sup> : Superscripted Text – Power लिखने के लिए, जब हमे Text के ऊपर की साइड कोई Text लिखना हो तो हम इसका उपयोग करते हैं ।
- <small> : Smaller Text : नॉर्मल Size से छोटी Size मे लिखने के लिए ।
- <strong> : Text को Bold जैसा दिखने के लिए ।
- <ins> : इस टैग से Text मे Underline हो जाता हैं, इसे यह दर्शाने के लिए उपयोग करते हैं की यह Text हमने बाद मे Insert किया हैं ।
- <del> : इस Tag से Text के बीच मे एक लाइन खिच जाती हैं जीसे देख कर ऐसा प्रतीत होता हैं की हमने Text को काटा हैं ।
- <s> : इस टैग से भी Text के बीच मे एक लाइन खिच जाती हैं ।
- <q> यदि हमे कोई भी Text को Inverted Comma मे लिखना हैं तो हम q tag का उपयोग करते हैं ।
- <blockquote> : यदि हमे किसी के द्वारा कहे गए शब्द लिखा हो तो हम blockquote tag का उपयोग करते हैं ।
- <em> : Italic करने के लिए हैं यदि हमे text को नॉर्मल से थोड़ा अलग दिखाना चाहते हैं तो इस टैग का उपयोग करते है ।
- <mark>: इस टैग से Text ऐसा प्रतीत होता हैं की आपने उस पर Highlighter लगाया हुआ हैं ।
- <abbr> : यदि हमे किसी भी Word की Full Form या उससे संबंधित कोई जानकारी देना हो तो हम इस टैग के द्वारा दे सकते हैं , जानकारी जब हम इस Word पर Cursor से जाएंगे या इस पर क्लिक करेंगे तब ही दिखाई देगी ।
- <dfn> : यदि हमे किसी भी Word की Full Form या उससे संबंधित कोई जानकारी देना हो तो हम इस टैग के द्वारा दे सकते हैं , जानकारी जब हम इस Word पर Cursor से जाएंगे या इस पर क्लिक करेंगे तब ही दिखाई देगी ।
- <bdo> : Bi-Directional Override : यदि हम Text को Reverse Direction मे दिखाना चाहते हैं तो हम इस tag का उपयोग कर सकते हैं ।
- <cite> : यह भी text को italic ही कर देता हैं वैसे यह title लिखने के लिए उपयोग मे किया जाता हैं ।
HTML Tag for User Input
<form> <!-- HTML Form For Input From User and Submit to Server -->
Label : <label> Enter Label </label> <br>
Input : <input/> <br>
Textarea : <textarea> Multiline Input Control (Text Area) </textarea> <br>
Button : <button> Button </button><br>
Select : <select> <!-- Defines a drop-down list -->
<option selected> Option 1 </option>
<optgroup label="Group 1"> <!-- Group of Option -->
<option> Option 2 </option>
<option> Option 3 </option>
</optgroup>
<optgroup label="Group 2"> <!-- Group of Option -->
<option> Option 4 </option>
<option> Option 5 </option>
</optgroup>
</select> <br>
Datalist : <input list="datalist-id"/> <!-- Input Control for Datalist -->
<datalist id="datalist-id"> <!-- List of Options for Input -->
<option> Option 1 </option>
<option> Option 2 </option>
<option> Option 3 </option>
<optgroup label="Group 2"> <!--Group of options -->
<option> Option 4 </option>
<option> Option 5 </option>
</optgroup>
</datalist><br>
Output : <output> Result of any Mathematical and Other Calculation </output><br>
<fieldset> <!-- Groups Elements -->
<legend> Caption for a Fieldset </legend>
Fieldset
</fieldset> <br>
</form>
Preview
Description in Hindi
- <form> : यदि हम किस ही डाटा को User से Input ले कर किसी अन्य Page पर भेजना चाहते हैं Form tag का उपयोग करते हैं ।
- <label> : किसी भी प्रकार की label दिखने के लिए जो की Readonly होते हैं ।
- <input> : User से Input लेने के लिए । Input Tag के बारे मे Detail मे जानने के लिए यहाँ क्लिक करे ।
- <textarea> : एक से अधिक Line मे यदि हमे कोई Data Enter करवाना चाहते हैं तो हम textarea का उपयोग करेंगे ।
- <button> : इसका लुक एक Clickable input जैसा होता हैं इस पर क्लिक कर हम कोई भी Operation Perform कर सकते हैं ।
- <select>: जब हम कोई Dropdown List बनाना चाहते हैं तब हम Select का उपयोग करते हैं ।
- <option> : Select tag मे एक से अधिक Option दिखाने के लिए हम option tag का उपयोग करते हैं ।
- <optgroup> : यदि option tag को ग्रुप करना होतो optgroup का उपयोग करते हैं ।
- <datalist> : यदि हम किसी Input पर क्लिक करने पर predefined Text दिखाना चाहते हैं तो हमे datalist का उपयोग करना चाहिए ।
- <output> : यदि हमे किसी output को दिखाना हैं तो हमे इस टैग का उपयोग करना चाहिए ।
- <fieldset> : यदि हम चाहते हैं की हमने जो element बनाए हैं उन पर कोई boundary type हो जाए तो हम उसे Field Set मे रख देते हैं ।
हमारे अन्य आर्टिकल
- MySQL Function
- MySQL Stored Procedure
- PHP Get /Post Method के बारे में जाने
- PHP Math Function के बारे में जाने
- C से C ++ सीखे सरल शब्दों में
- PHP Variable के बारे में जाने
- Arduino Control Structure
- Union in C
- Declaration of Pointer in C
- jQuery Search Filter
- MySQL Create Table | Alter Table | Drop Table
- API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)
- CPANEL In Hindi
List Related HTML Tags
सामान्यतः List 3 प्रकार की होती हैं
- Unordered List : इसमे हम Bullet का उपयोग करते है ।
- Ordered List : यह करने से लिस्ट के पहले Number दिखाई देने लगते हैं ।
- Description List : इसमे हम Term ओर Definition का उपयोग कर data दिखा सकते हैं।
<fieldset >
<legend> Unordered List</legend>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
</fieldset>
<fieldset >
<legend> Ordered List</legend>
<ol start="1">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>
</fieldset>
<fieldset >
<legend>Description List</legend>
<dl>
<dt>Data Term</dt>
<dd>Data Defination 1</dd>
<dd>Data Defination 2</dd>
<dd>Data Defination 3</dd>
<dt>Data Term</dt>
<dd>Data Defination 1</dd>
<dd>Data Defination 2</dd>
</dl>
</fieldset>
Preview
Description in Hindi
- <ul> : जब हमे लिस्ट मे Bullet दिखाना हो तब हम ul का उपयोग करते हैं ।
- <li> : List के Item दिखाने के लिए हम li का उपयोग करते हैं ।
- <ol> : जब हमे लिस्ट के पहले Number दिखाना हो तब हम ol का उपयोग करते हैं ।
- <dl> : Description List के लिए हम dl का उपयोग करते हैं ।
- <dt>: Description List मे Data Term दिखने के लिए हम dt का उपयोग करते हैं ।
- <dd> : Description List मे Data की Definition दिखाने के लिए dd का उपयोग करते हैं ।
Table Related HTML Tags
<table border = 1> <!-- Draw a Table -->
<caption> Table Caption </caption>
<colgroup> <!-- Columns in a table for formatting Optional-->
<col span="2" style=""/> <!-- Columns -->
<col style=""/>
</colgroup>
<thead> <!-- Header Content -->
<tr> <!-- Row -->
<th> Table Heading 1 </th> <th> TH 2 </th> <th> TH 3 </th>
</tr>
</thead>
<tfoot> <!-- Table Footer -->
<tr>
<th> Table Footer 1 </th> <th> TF 2 </th> <th> TF 3 </th>
</tr>
</tfoot>
<tbody> <!-- Table Body -->
<tr> <td> Table Data 1 </td> <td> TD 2 </td> <td> TD3 </td> </tr>
<tr> <td> Table Data 4 </td> <td> TD 5 </td> <td> TD6 </td> </tr>
</tbody>
</table>
Preview
Description in Hindi
- <table> : table बनाने के लिए table टैग का उपयोग किया जाता हैं ।
- <caption> : table का Caption देने के लिए हम caption टैग का उपयोग करते हैं ।
- <colgroup> : यदि हमे किसी Column पर कोई भी style का कोई coding लिखना हैं तो हम colgroup टैग का उपयोग करते हैं ।
- <col> : colgroup मे column tag का उपयोग कर हमे जो भी Style या Setting करना हो हम कर सकते हैं ।
- <thead> : Table की Heading के लिए ।
- <tfoot> : Table के Footer के लिए यदि हमे कोई Total आदि लगाना हो तो ।
- <tbody> : जितना भी डाटा हम Table मे दिखाना चाहते हैं वह table body मे ही दिखाया जाता हैं ।
- <tr> : Table मे एक लाइन बनाने के लिए TR Table Row का उपयोग किया जाता हैं ।
- <th> : Table Heading के लिए ।
- <td> : Table Data के लिए ।
Progress Tag
Meter : <meter value="33" min="0" max="100">33 out of 100 </meter><br> <!-- Scalar measurement within a Range -->
<br>
Progress : <progress value="33" max="100"> 33% </progress><br> <!-- Progress of a Task -->
Preview
Description in Hindi
- <meter> : यदि हमे कोई Meter जैसा Look स्क्रीन पर दिखाना हैं तो हम meter का उपयोग करते हैं ।
- <progress > : Progress दिखाने के लिए हम Progress Bar का उपयोग करते हैं ।
Graphics Related HTML Tags
Img: <img src="Path"> Image </img>
Picture : <picture> <!--Defines a container for multiple image resources-->
<source media="(min-width:650px)" srcset="img_1.jpg"/>
<source media="(min-width:450px)" srcset="img_2.jpg"/>
<img src="img_3.jpg" style="width:auto;"></img>
</picture><br>
Img: <img usemap="#MapID"> Image </img>
Map : <map id="MapID"> <!--Defines a client-side image map-->
<area shape="rect" coords="10,10,300,450" alt="" href=""/>
<area shape="circle" coords="20,20,300" alt="" href=""/>
</map>
Figure : <figure> <!-- Self-contained content -->
<img src="img_1.jpg" style="width:auto;"></img>
<figcaption> Caption for a Figure </figcaption>
</figure>
<!-- Defines a container for SVG graphics -->
Svg : <svg width="100" height="100">
<circle cx="40" cy="40" r="35" stroke="red" stroke-width="6" fill="blue" />
Sorry, your browser does not support inline SVG.
</svg><br>
Canvas : <canvas> For Draw Graphics using JavaScript </canvas><br>
Preview
Description in Hindi
- <img> : यदि हमे कोई Image दिखाना हैं तो हम img tag का उपयोग करते हैं ।
- <picture> : यदि हैं एक ही स्थान पर एक से अधिक Image को अलग अलग Screen Size के हिसाब से दिखाना हो तो हम picture tag का उपयोग करते हैं ।
- <map> : यदि हमे किसी image के किसी part पर ओर कोई image लिंक करना हो तो हम map का उपयोग करते हैं ।
- <area> : Map tag मे हम area define करने के लिए area टैग का उपयोग करते हैं ।
- <figure> : यदि हमे कोई image caption के साथ दिखाना हो तो हम figure का उपयोग करते हैं ।
- <svg> : Scalable Vector Graphics के लिए हम svg टैग का उपयोग करते हैं ।
- <canvas> : yaha पर हम Javascript का उपयोग कर Graphics डिजाइन ओर साथ मे Animation का कार्य कर सकते है ।
Multimedia HTML Tags
<!-- Multimedia -->
Audio : <audio controls> <!-- Defines sound content -->
<source src="Sound.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<br>
<br>
Video : <video width="320" height="240" controls> <!-- Defines a video or movie -->
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video><br>
Preview
Description in Hindi
- <audio> : Web Page पर Audio के लिए हम audio tag का उपयोग करते हैं ।
- <source> : Audio ओर Video tag मे File के path के लिए Source tag का उपयोग किया जाता हैं ।
- <video> : Web Page पर Video दिखाने के लिए Video tag का उपयोग किया जाता हैं ।
Some Useful Tag for Good UI
Div : <div> Division Container </div> <br>
Span : <span> Inline Container </span> <br>
Dialog : <dialog open>Dialog Window</dialog> <br>
Details : <details> Details Visible Here
<summary> Display when Click on Details </summary>
</details> <br>
Data : <data value="1"> Any Item Name Display here </data> <br>
Template : <template> This should be hidden when the page loads </template><br>
Iframe : <iframe src="https://selfimagination.in/tips"> </iframe> <br>
Preview
Description in Hindi
- <div> : यदि हमे एक या एक से अधिक element को Group करना हो तो हम Division Tag का उपयोग करते हैं ।
- <span> : यदि हमे किसी Text मे कोई Particular Word या कोई Specific Text मे कोई Changes करना हो तो हम उसे span मे ले कर उस पर Changes कर सकते हैं ।
- <dialog > : यदि हमे Dialog Box दिखाना हो तो हम इस Tag का उपयोग करते है ।
- <details> : यदि हम ऐसा कुछ चाहते हैं की हमे कोई Heading दिखे ओर जब हम उस पर क्लिक करे तो उसके बारे मे हमे जानकारी दिखाई देने लगे तब हम Details का उपयोग करते हैं इससे Details Tag मे लिखा हुआ दिखाई देता हैं
- <summary> : जब Details Tag का उपयोग करते हैं तो Details पर Click करने पर summary tag का data दिखाई देने लगता हैं ।
- <data> : यदि हम किसी भी प्रकार का डाटा उसके id के साथ रखना चाहते हैं तो यहाँ पर लिख सकते हैं ।
- <template> : यदि हमे कोई Content Hide रखना हैं तो हम template मे रख सकते हैं उसे JavaScript के द्वारा हम दिखा सकते हैं ।
- <iframe> : यदि हम कोई External Link का Data Screen पर दिखाना चाहते हैं तो iframe के द्वारा दिखा सकते हैं ।
Content Writing Tags for Blogger
<!-- Advance HTML for Blogging -->
<header>
<nav> Navigation </nav>
</header>
<main> <!-- Main content. Use Once-->
<article>
<header>..</header>
<section>
<header>Header</header>
<footer>Footer</footer>
</section>
<section>Section</section>
<section>Section</section>
<footer>Footer</footer>
</article>
<article>
<section>Section</section>
<section>Section</section>
<section>Section</section>
</article>
</main>
<aside>Aside</aside>
<footer>Footer</footer>
Description in Hindi
- <main> : इस tag का उपयोग Main Contains के लिए किया जाता हैं , main टैग को केवल एक ही बार अपने Content मे उपयोग करना चाहिए।
- <header> : किसी भी Container मे किसी value को Header मे रखने के लिए header का उपयोग किया जाता हैं ।
- <footer> : किसी भी कन्टैनर मे किसी भी Value को footer मे रखने के लिए footer tag का उपयोग किया जाता है ।
- <article> : जब जो भी Article लिखते हैं उसे इस tag मे रखना चाहिए ।
- <section> : एक आर्टिकल मे अलग अलग section बना कर हम Article लिख सकते हैं ।
- <aside> : हमे जो side के लिए बार बनाने होते हैं वह हम इस Tag मे लिख सकते हैं ।
SEO Related Tags
<!-- For SEO -->
<head>
<meta charset="UTF-8"> <!-- Support Hindi -->
<meta name="keywords" content="Keyword1, Keyword2">
<meta name="description" content="Website Description">
<meta name="author" content="Sandip Nigam">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<address> Contact Information for the Author/Owner </address><br>
Description in Hindi
- charset : हमे कौन से charset का उपयोग करना चाहते हैं वह यहाँ पर लिखते हैं ।
- keywords : Search Engine पर किस keyword पर Rank करना हैं उन Keywords को यहां पर लिखा जाता हैं ।
- description : Search Engine मे जब हम Search करते हैं तो Description के लिए हम इस जो यहाँ लिखते हैं वह दिखाई देता हैं ।
- author : जिसने भी Article बनाया उनका नाम लिखने के लिए हम author Tag का उपयोग करते हैं ।
- viewport : यदि हम कोई भी Page को responsive बनाते हैं तो हमे Viewport का उपयोग करना होता हैं ताकि Content स्क्रीन की Size के अनुसार सेट हो जाए ।
HTML Tags For Developer Coding
Code : <code> Write Code or Syntax of Programming Language </code><br>
Kbd : <kbd> Keyboard Input Show MonoSpace Font Ctrl+c</kbd><br>
Pre : <pre> Preformatted Text </pre><br>
Samp : <samp> Sample output from a computer program shows in monospace font</samp><br>
Var : <var> Variable Display in Italic</var><br>
Preview
Description in Hindi
- <code> : जब भी कोई code को Execute न कर उसे जैसा लिखा हैं वैसा ही Display करना होता हैं तो हम Code tag का उपयोग करते हैं ।
- <kbd> : kbd का पूरा नाम keyboard हैं , जब हम यह बताना चाहते हैं की आप keyborad से Ctrl Key या अन्य कोई भी key press करे तो हम उन्हे kbd tag मे लिखते हैं ।
- <pre> : यदि हमे किसी text मे किसी भी तरह की कोई भी formatting apply नहीं करना चाहते तो हम उसे pre tag मे लिखते हैं ।
- <samp> : Output को बताने के लिए हम samp tag का उपयोग करते हैं, samp का fullform sample होता हैं ।
- <var> : जब भी हमे कोई variable लिखन हो तो हम var टैग मे लिख सकते हैं ।