HTML ek markup language hai jo web pages ka structure aur unka layout define karne ke liye use hoti hai. Iska naam kaafi kuch explain karta hai:
HyperText: HyperText ka matlab hai text jo linked ho (hyperlinks ke through). Iska use ek page se dusre page par navigate karne ke liye hota hai.
Markup Language: Markup ka matlab hai structure define karna ya annotate karna, jo browser ko content ka format aur presentation batata hai.
Content ka Structure: HTML web page ke elements (heading, paragraph, list, images, etc.) ko define karta hai.
Links aur Navigation: Links ke through pages ko connect karta hai.
Media Integration: Images, videos, audios, etc. ko page par display karne ka option deta hai.
User Interaction: Forms aur inputs ke zariye user data collect karna possible karta hai.
HTML tags wo keywords ya commands hote hain jo angle brackets (< >) ke andar likhe jate hain. Ye tags browser ko batate hain ki content ko kaise structure aur display karna hai.
html                             CopyEdit
<opening-tag> Content </closing-tag>
Example:
html                          CopyEdit
<p>This is a paragraph.</p>
1. Paired Tags:
Paired tags me ek opening tag aur ek closing tag hota hai.
Closing tag me / (forward slash) ka use hota hai.
Content in tags ke beech likha jata hai.
Example:
html                                CopyEdit
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<h1> aur <p> yaha paired tags hain.
2. Self-closing Tags:
Self-closing tags me sirf ek single tag hota hai, jisme closing tag ki zarurat nahi hoti.
Ye mostly aise elements ke liye use hote hain jisme content nahi hota.
Example:
html                                  CopyEdit
 <br /> <!-- Line break -->
 <img src="image.jpg" alt="Image" /> <!-- Image tag -->
<p>: Paragraph banane ke liye.
<h1> - <h6>: Headings banane ke liye (1 sabse bada, 6 sabse chhota).
<img>: Image display karne ke liye.
<a>: Hyperlink ke liye.
<ul>: Unordered list ke liye.
<ol>: Ordered list ke liye.
<li>: List items ke liye.
<br>: Line break ke liye.
Structure Tags Explanation
<html>:
HTML document ki root tag hoti hai.
Iske andar saara HTML content likha jata hai, aur yeh pura page ka structure define karta hai.
Saare tags <html> ke andar hote hain.
<head>:
Isme page ke bare me metadata hota hai jo browser aur search engines ke liye hota hai.
Iske andar title, stylesheets, scripts aur other meta-information likhi jati hai.
<body>:
Ye tag wo content define karta hai jo browser par user ko dikhai dega.
Text, images, links, forms, videos, aur saari visible cheeze <body> me likhi jati hain.
<title>:
Page ka title define karta hai jo browser ke tab me dikhai deta hai.
Ye <head> tag ke andar hota hai aur user ko directly page par nahi dikhai deta.
2. Formatting Tags
<h1> se <h6>:
Ye tags headings banate hain, jisme <h1> sabse badi heading hoti hai aur <h6> sabse chhoti. Inka use content ko organize karne aur hierarchy dikhane ke liye hota hai.
<p>:
Ye tag paragraph banata hai. Jab aapko koi text ko ek paragraph ke roop mein dikhana ho, to is tag ka use kiya jata hai.
<b>:
Ye tag text ko bold karta hai. Bold text ka use kisi important ya emphasized information ko highlight karne ke liye hota hai.
<i>:
Ye tag text ko italic bana deta hai. Italic text ka use usually kisi quote ya kisi aise text ko emphasize karne ke liye hota hai jo thoda different ho.
<u>:
Ye tag text ko underline karta hai. Underlined text ka use bhi kisi specific text ko highlight karne ya focus karne ke liye hota hai.
<br>:
Ye tag line break dene ke liye hota hai. Jab aapko kisi text ko ek line ke baad doosri line mein shift karna ho, to is tag ka use hota hai.
<hr>:
Ye tag horizontal line add karta hai. Iska use content ke beech ek visual separator create karne ke liye hota hai, taaki ek section ko doosre section se alag dikhaya ja sake.
3. Links aur Media Tags
<a>:
Is tag ka use hyperlink banane ke liye hota hai.
Iske through ek page ko dusre page ya external website se link kiya jata hai.
Ye tag href attribute ke saath use hota hai, jo link ka URL define karta hai.
<img>:
Ye tag image display karne ke liye use hota hai.
Iske andar src attribute use hota hai jo image ka path (URL) define karta hai, aur alt attribute text define karta hai jo image load nahi hone par dikhai deta hai.
<video>:
Is tag ka use video files ko embed karne ke liye hota hai.
Iske andar src attribute aur kuch optional attributes jaise controls (play/pause buttons), autoplay, etc. use kiye jate hain.
<audio>:
Ye tag audio files ko embed karne ke liye use hota hai.
Isme bhi controls attribute ka use hota hai, jisse user audio ko play, pause, ya volume control kar sakta hai.
<source>:
Ye tag media resources (image, video, audio) ko define karta hai.
Iska use media elements ke andar multiple formats ko specify karne ke liye kiya jata hai, taaki browser ko compatible format mil sake.
4. List Tags
<ul>:
Ye tag unordered list banane ke liye use hota hai, jisme list items ke saamne bullets (dots) diye jate hain.
Jab order important na ho aur items ka sequence matter na kare, to unordered list ka use hota hai.
<ol>:
Ye tag ordered list banane ke liye hota hai, jisme list items ke saamne numbers ya letters diye jate hain.
Jab list ka sequence ya order zaruri ho, to ordered list ka use kiya jata hai.
<li>:
Ye tag list item ko define karta hai.
Ye tag <ul>, <ol>, ya <dl> ke andar use hota hai aur har ek list item ko represent karta hai.
<dl>:
Ye tag description list banane ke liye use hota hai.
Description list me terms aur unke descriptions ko list ki tarah dikhaya jata hai.
<dt>:
Ye tag description term ko define karta hai.
Ye tag <dl> tag ke andar use hota hai aur description list me term ya label ko represent karta hai.
<dd>:
Ye tag description definition ko define karta hai.
Ye tag <dl> tag ke andar use hota hai aur term ke baare me description ya explanation deta hai.
5. Table Tags
<table>:
Ye tag table banane ke liye use hota hai.
Is tag ke andar rows aur columns define kiye jate hain jisme data organize hota hai.
<tr>:
Ye tag table row ko define karta hai.
Har ek row ke andar multiple columns (data cells) hote hain. <tr> tag table ke andar ek nayi row banata hai.
<th>:
Ye tag table header ke liye hota hai.
Table ke heading ko bold aur center-align dikhane ke liye <th> ka use hota hai. Yeh usually column ke names ya titles ke liye use kiya jata hai.
<td>:
Ye tag table data cell ko define karta hai.
Table me actual data ko cells me organize karne ke liye <td> ka use hota hai. Har ek cell ek row ke andar hota hai.
<caption>:
Ye tag table ka title dikhane ke liye hota hai.
<caption> ke through table ko ek title diya jata hai, jo table ke upar dikhai deta hai. Yeh optional hota hai aur table ko zyada descriptive bana deta hai.
                Ye table tags web pages me data ko organize karne aur visually structured format me present karne ke liye use kiye jate hain.
6. Form Tags
<form>:
Ye tag form banane ke liye use hota hai.
Form ka main purpose user se data collect karna hota hai. Iske andar inputs, buttons aur other elements hote hain jo user se information lene ke liye use hote hain.
<input>:
Ye tag input fields ke liye hota hai, jaise text box, radio buttons, checkboxes, password fields, etc.
Isme type attribute hota hai, jo batata hai ki input field ka type kya hoga, jaise text, password, radio, checkbox, etc.
<textarea>:
Ye tag multi-line text input ke liye use hota hai.
Jab user ko zyada text enter karna ho, to is tag ka use kiya jata hai. Yeh ek larger box provide karta hai, jisme user multiple lines ka text likh sakta hai.
<button>:
Ye tag button banane ke liye hota hai.
Buttons ka use user actions (jaise form submit karna, reset karna) ko trigger karne ke liye hota hai. Yeh interactive elements hote hain.
<select>:
Ye tag dropdown menu banane ke liye use hota hai.
Is tag ke andar multiple options hote hain jisme se user ek ya zyada select kar sakta hai.
<option>:
Ye tag dropdown ke options ko define karta hai.
Jab <select> tag ka use kiya jata hai, toh <option> tags ke through individual items ko dropdown list me dikhaya jata hai.
<label>:
Ye tag form fields ke labels ke liye hota hai.
Labels ka use form elements (jaise text boxes, radio buttons) ke liye description dene ke liye kiya jata hai, taaki user ko samajh aaye ki kis field me kya data dalna hai.
                Ye form tags web pages par user interaction aur data collection ke liye use kiye jate hain.
7. Semantic Tags
<header>:
Ye tag page ka header section define karta hai.
Isme usually page ka title, logo, navigation links, ya any introductory content hota hai jo page ke upar dikhai deta hai.
<footer>:
Ye tag page ka footer section define karta hai.
Footer me generally copyright information, contact details, or additional links diye jate hain jo page ke neeche display hote hain.
<article>:
Ye tag self-contained article ke liye hota hai.
Iska use kisi specific topic ya content piece ko represent karne ke liye hota hai, jo apne aap me complete aur independent ho. Jaise news articles, blog posts, etc.
<section>:
Ye tag page ke kisi specific section ko define karta hai.
Jab aapko page ke alag-alag parts ko group karna ho, to <section> ka use hota hai. Har section ka apna content aur heading ho sakta hai.
<nav>:
Ye tag navigation links ko define karta hai.
Is tag ka use page par navigation menu ya links ko organize karne ke liye hota hai, jaise main menu links, sidebar links, etc.
<aside>:
Ye tag side content ko define karta hai.
Isme wo content hota hai jo main content se related hota hai, lekin directly uska part nahi hota. Jaise sidebar, related links, ads, etc.
<main>:
Ye tag main content ko define karta hai.
Isme page ka sabse important content hota hai, jo page ka core topic represent karta hai. <main> tag ko page ke central content ke liye use kiya jata hai.
       Ye structural tags page ke different sections ko logically organize karne ke liye use kiye jate hain, jisse content ko samajhna aur navigate karna asaan hota hai.
<details>:
Ye tag expandable content banane ke liye use hota hai.
Iske andar ek summary hoti hai, jise click karke content ko expand ya collapse kiya ja sakta hai.
Iska use detailed information dikhane ke liye hota hai jo initially hidden rehta hai.
<summary>:
Ye tag <details> ke andar use hota hai aur expandable content ka summary dikhata hai.
Jab user is par click karta hai, tab details visible hoti hain.
<figure>:
Ye tag media content (images, videos, diagrams, etc.) ko group karne ke liye use hota hai.
Is tag me <figcaption> bhi ho sakta hai, jo media content ke liye caption provide karta hai.
<figcaption>:
Ye tag <figure> ke andar use hota hai aur media content ka caption dikhata hai.
Iska use images ya other media ke liye description dene ke liye hota hai.
<mark>:
Ye tag highlighted text ke liye use hota hai.
Jab aap kisi text ko highlight karna chahte hain, taaki wo zyada prominent dikhe, to <mark> tag ka use karte hain.
<progress>:
Ye tag progress bar banane ke liye use hota hai.
Isme user ko kisi process ya task ki progress dikhai ja sakti hai (e.g., download ya file upload).
<output>:
Ye tag form ke result ko dikhane ke liye use hota hai.
Jab form me koi calculation ya data input hota hai, to output tag us result ko display karta hai.
<wbr>:
Ye tag word break point define karta hai.
Iska use text me word break karne ke liye kiya jata hai, jab text ek line ke baad break karna ho aur word ko properly split karna ho.
<datalist>:
Ye tag ek list of predefined options dikhata hai, jo input fields ke saath use hota hai.
Jab user koi text input karta hai, to datalist ke options show hote hain jo user ko suggestions dete hain.
<time>:
Ye tag date aur time ko define karta hai.
Isme ek specific time or date ko format me represent kiya jata hai, jo machines aur browsers easily read kar sakein.
<template>:
Ye tag template ko define karta hai jo initially hidden hota hai.
Jab required ho, tab template ka content dynamically insert kiya jata hai (mostly JavaScript ke through).
<bdi>:
Ye tag bi-directional text ka support karta hai.
Iska use tab hota hai jab aapko text ka direction specify karna ho, jaise left-to-right ya right-to-left.
<bdo>:
Ye tag text direction ko override karta hai.
Iska use tab hota hai jab aap text ka direction manually change karna chahte hain, jo default direction ke opposite ho.
<samp>:
Ye tag computer output ko represent karta hai.
Jab kisi program ya system se output show karna ho, toh samp tag ka use hota hai.
<kbd>:
Ye tag keyboard input ko represent karta hai.
Jab user se input lene ke liye keyboard ke button press karne ki baat ho, toh kbd tag ka use hota hai.
<slot>:
Ye tag Web Components ka part hai, jo custom elements ke andar content insertion points define karta hai.
Iska use custom elements mein content ko dynamically insert karne ke liye hota hai.
<template>:
Ye tag HTML templates ko define karta hai.
Jab page load hota hai, tab <template> ka content render nahi hota. Iska use JavaScript ke through dynamic content insert karne ke liye hota hai.
<dialog>:
Ye tag dialog boxes ya modal windows ko define karta hai.
Is tag ka use pop-up windows banane ke liye hota hai jo user ko interact karne ke liye options provide karti hain, jaise confirmation dialog boxes.
<picture>:
Ye tag responsive images ke liye use hota hai.
Iska use different image formats aur resolutions ko define karne ke liye kiya jata hai, taaki image device ke screen size aur resolution ke hisaab se automatically adjust ho sake.
<meter>:
Ye tag measurement ko represent karta hai, jaise progress bar ya any scalar value.
Meter tag ka use kisi range (min aur max values ke saath) ko represent karne ke liye hota hai, jaise temperature, progress, or level.
<svg>:
Ye tag Scalable Vector Graphics (SVG) images ko embed karne ke liye hota hai.
SVG ka use vector images ko define karne ke liye hota hai, jo resolution-independent hoti hain aur zooming pe blur nahi hoti.
<use>:
Ye tag SVG elements ko reuse karne ke liye hota hai.
Iska use ek baar defined SVG elements ko multiple jagah pe reference karne ke liye hota hai, jisse code duplication avoid hoti hai.
<output>:
Ye tag form ke calculation result ko show karne ke liye hota hai.
Jab user form me koi calculation karta hai, to uska result output tag ke andar display hota hai.
<base>:
Ye tag HTML document ke base URL ko define karta hai.
Iska use relative links ko absolute links me convert karne ke liye hota hai.
<object>:
Ye tag external resources ko embed karne ke liye use hota hai.
Iska use images, videos, PDFs, Java applets, or any embedded objects ko page me display karne ke liye hota hai.
<param>:
Ye tag <object> tag ke andar parameters define karne ke liye use hota hai.
Iska use embedded media objects ko customize karne ke liye hota hai, jaise Flash files ke liye parameters set karna.
<track>:
Ye tag video ya audio files me subtitles, captions, descriptions, etc. ko add karne ke liye use hota hai.
Ye tag <video> ya <audio> tag ke andar use hota hai aur video/audio playback me additional text tracks provide karta hai.
<embed>:
Ye tag external content ko page me directly embed karne ke liye hota hai.
Iska use multimedia content, like PDF files, interactive applications, Flash content, etc., ko embed karne ke liye hota hai.
<progress>:
Ye tag progress bar ko represent karta hai.
Iska use kisi process ke progress ko visually show karne ke liye kiya jata hai, jaise download, file upload, etc.
<code>:
Ye tag computer code ko represent karta hai.
Iska use programming code ya text ko formatted aur monospace font me display karne ke liye hota hai.
<bdi>:
Bi-directional Isolation ke liye use hota hai.
Jab aapko text ka direction override karna ho, to is tag ka use hota hai. Yeh bi-directional text ki alignment ko correctly handle karta hai, jaise languages jisme text ka direction right-to-left ho.
<bdo>:
Bi-directional Override ko handle karta hai.
Iska use text direction ko change karne ke liye hota hai, jaise left-to-right ya right-to-left, jab aapko manually direction ko control karna ho.
<ruby>:
Ye tag ruby annotations ko represent karta hai, jo East Asian languages me use hota hai.
Iska use pronunciation ya meaning ko clarify karne ke liye hota hai. Ruby annotations ek word ke upar additional text dikhate hain.
<rt>:
Ye tag ruby text ke liye hota hai.
Jab <ruby> tag use ho, toh <rt> tag ke andar pronunciation ya annotation text diya jata hai.
<rp>:
Ye tag ruby parentheses ko define karta hai.
<rp> tag ka use <ruby> text ko surround karne ke liye hota hai jab Ruby annotations ko support na karne wale browsers use ho rahe ho.
<address>:
Ye tag contact information ya address ko represent karta hai.
Iska use kisi webpage ya organization ke contact details ko display karne ke liye hota hai, jaise physical address, email, phone number, etc.
<cite>:
Ye tag citation ko represent karta hai.
Jab aap kisi source ya reference ko quote karte hain, toh <cite> tag ka use kiya jata hai, jaise books, articles, websites, etc.
<dfn>:
Ye tag definition ko represent karta hai.
Jab aap kisi term ko define karte hain, toh <dfn> tag ka use hota hai. Yeh word ko define karta hai, aur generally, isse italic me display kiya jata hai.
<time>:
Ye tag date aur time ko represent karta hai.
Jab aapko kisi specific time, date, ya duration ko define karna ho, tab <time> tag ka use hota hai. Yeh format ko machine-readable banata hai.
<output>:
Ye tag form ke result ko show karta hai.
Jab aap kisi form me calculation ya dynamic content show karte hain, toh output tag result ko dikhata hai.
<progress>:
Ye tag progress bar ko represent karta hai.
Iska use kisi ongoing process ke progress ko visually show karne ke liye hota hai, jaise file upload, download, etc.
<form>:
Ye tag form banane ke liye hota hai.
Form tag ka use user input collect karne, submit karne, ya other actions perform karne ke liye hota hai.
<keygen>:
Ye tag key generation ke liye hota hai.
Ye tag <form> ke andar use hota tha, jab user ko secure key generate karni hoti thi, lekin isko ab deprecated kiya gaya hai.
<output>:
Ye tag form output ko display karta hai.
Jab user form me koi calculation ya action perform karta hai, toh is tag ka use result ko display karne ke liye hota hai.
<iframe>:
Ye tag embedded content ko display karta hai.
Iska use ek HTML document ko dusre document ke andar embed karne ke liye hota hai, jaise kisi external website ko apne page me show karna.
<embed>:
Ye tag external content ko embed karta hai.
Jab aapko multimedia content, PDF, Flash, ya kisi interactive application ko apne page par embed karna ho, toh <embed> tag ka use hota hai.
<object>:
Ye tag external resources ko embed karne ke liye hota hai.
Iska use external content jaise images, videos, PDF, Flash, etc., ko page me embed karne ke liye hota hai.
<picture>:
Ye tag responsive images ke liye hota hai.
Iska use images ke liye kiya jata hai, jisme multiple sources define kiye jate hain, taaki browser automatically best-suited image format choose kar sake based on device or viewport.
<wbr>:
Ye tag word break points ko define karta hai.
Iska use text ke beech me break point define karne ke liye hota hai, jisse text ko specific jagah pe break kiya ja sake without breaking words improperly.
<data>:
Ye tag machine-readable data ko define karta hai.
Jab aap kisi specific value ko machine-readable format me dena chahte hain, toh <data> tag ka use hota hai.
<picture>:
Yeh tag images ke liye use hota hai jo device ke screen size, resolution ya browser ke hisaab se different sources serve karta hai.
Yeh responsive image designs ke liye kaafi useful hai.
<source>:
Yeh tag <audio>, <video>, ya <picture> ke andar multiple media sources specify karta hai.
Iska use media file formats ko compatible banane ke liye hota hai, jaise audio ya video files ke liye alag-alag formats.
<canvas>:
Yeh tag ek drawable region provide karta hai jahan par aap graphics, animations ya games draw kar sakte hain.
Iska use JavaScript ke saath dynamic graphics create karne ke liye hota hai, jaise charts, graphs, games, etc.
<svg>:
Yeh tag Scalable Vector Graphics (SVG) create karne ke liye hota hai.
SVG ka use high-quality, scalable images (jaise logos, icons) banane ke liye hota hai, jo zoom karne pe blur nahi hoti.
<math>:
Yeh tag mathematical expressions ya equations ko display karne ke liye hota hai.
Yeh MathML (mathematical markup language) ka use karta hai jisse complex formulas easily display ho sakein.
<noscript>:
Yeh tag tab show hota hai jab JavaScript disable ho ya browser support nahi karta.
Iska use JavaScript-free alternative provide karne ke liye hota hai.
<progress>:
Yeh tag progress bar banata hai jo kisi task ki completion ko show karta hai.
Iska use file uploads, downloads ya kisi ongoing process ka status show karne ke liye hota hai.
<meter>:
Yeh tag ek scalar value ko represent karta hai jo kisi range mein hoti hai.
Iska use disk usage, battery level, ya kisi aur measurable value ko display karne ke liye hota hai.
<output>:
Yeh tag form ke calculation ya action ka result display karta hai.
Jab user form mein koi calculation karta hai ya action perform karta hai, to output tag us result ko show karta hai.
<form>:
Yeh tag HTML forms banane ke liye hota hai jisme user input collect hota hai aur server ko send kiya jata hai.
Forms create karne, login, registration, search, etc. ke liye yeh tag kaafi important hai.
<input>:
Yeh tag user input ke liye hota hai jaise text boxes, radio buttons, checkboxes, date pickers, file uploads, etc.
Form ke andar input fields create karne ke liye yeh tag use hota hai.
<select>:
Yeh tag dropdown list create karta hai jisme user ek ya zyada options select kar sakta hai.
Forms mein dropdown options ko display karne ke liye is tag ka use hota hai.
<textarea>:
Yeh tag multi-line text input field banata hai.
Jab user ko zyada text likhna ho, jaise comments, messages, ya addresses, toh yeh tag use hota hai.
<button>:
Yeh tag clickable button banata hai jo form ko submit karne, actions trigger karne, ya kisi interaction ke liye use hota hai.
<iframe>:
Yeh tag ek HTML document ko doosre document ke andar embed karta hai.
Iska use YouTube videos, maps, ya external websites ko apne page par show karne ke liye hota hai.
<embed>:
Yeh tag external resources ko page me embed karne ke liye hota hai, jaise PDFs, Flash content, audio, etc.
Iska use multimedia content ko bina kisi external link ke page pe directly show karne ke liye hota hai.
<object>:
Yeh tag external resources (images, videos, PDFs, etc.) ko embed karne ke liye hota hai.
Iska use external media ko page me directly display karne ke liye hota hai.
<link>:
Yeh tag external resources ko link karta hai, jaise stylesheets (CSS files) ko document se.
Yeh usually <head> section me use hota hai aur isse page ke layout ko style diya jata hai.
<style>:
Yeh tag internal CSS styles ko define karta hai.
Jab aapko page ke andar styling add karni hoti hai, tab is tag ka use kiya jata hai.
<meta>:
Yeh tag document ka metadata define karta hai jaise character encoding, viewport settings, author, description, etc.
Yeh browsers aur search engines ke liye zaroori hota hai.
<base>:
Yeh tag base URL define karta hai jisse document ke relative URLs ko absolute URLs me convert kiya ja sake.
Yeh links aur resources ko manage karne me madad karta hai.
<script>:
Yeh tag JavaScript code ko define karta hai ya kisi external JavaScript file ko link karta hai.
Iska use page me interactivity aur dynamic behavior ko add karne ke liye hota hai.
<audio>:
Yeh tag sound files ko page me embed karta hai, jaise music, sound effects, podcasts, etc.
Yeh MP3, OGG, WAV formats ko support karta hai aur playback controls provide karta hai.
<video>:
Yeh tag video files ko page me embed karta hai.
Yeh multiple formats ko support karta hai aur playback controls bhi provide karta hai.
<track>:
Yeh tag text tracks ko video ya audio files ke liye define karta hai, jaise subtitles, captions, etc.
Yeh tag accessibility ko improve karta hai by adding text-based information to multimedia.
<details>:
Yeh tag ek interactive element hai jo user ko content ko expand ya collapse karne ki facility deta hai.
Aap iske andar <summary> tag bhi use karte hain jo expand/collapse ke liye clickable heading hota hai.
<summary>:
Yeh tag <details> ke andar use hota hai aur content ko expand karne ya collapse karne ke liye clickable heading provide karta hai.
User jab is heading par click karega, tab related content dikhai dega.
<mark>:
Yeh tag kisi text ko highlight karne ke liye use hota hai.
Yeh commonly search results me matching text ko highlight karne ke liye use hota hai, jisse user ko easily find karne me madad mile.
<wbr>:
Yeh tag word break points define karta hai.
Agar text ek line ke baad break hona ho, to <wbr> tag ka use karke aap text ko proper tarike se break kar sakte hain without cutting words in the middle.
<progress>:
Yeh tag kisi task ki progress ko visually show karta hai.
Jaise file upload, download, ya kisi process ke complete hone ka status.
<output>:
Yeh tag user input ke result ko display karta hai.
Jab user koi calculation ya action perform karta hai, toh is tag mein result show hota hai.
<template>:
Yeh tag HTML code ko reusable template banane ke liye hota hai.
Iska content browser me render nahi hota jab tak JavaScript usse dynamically load nahi karta.
<dialog>:
Yeh tag modals, pop-ups ya dialogues ko create karne ke liye hota hai.
Aap is tag ka use kisi alert, confirmation box ya custom dialogues create karne ke liye kar sakte hain.
<fieldset>:
Yeh tag form elements ko group karne ke liye use hota hai.
Form ke related elements ko ek visual box ke andar rakhne ke liye use hota hai, taaki wo logically grouped ho.
<legend>:
Yeh tag <fieldset> ke andar use hota hai aur us group ka label provide karta hai.
Iska use form elements ko logically label karne ke liye hota hai.
<kbd>:
Yeh tag keyboard input ko represent karta hai.
Jab aapko kisi keyboard shortcut ko show karna ho, jaise "Ctrl + C", tab <kbd> tag ka use hota hai.
<samp>:
Yeh tag program output ko represent karta hai.
Jab aap kisi program ya script ka output text display karte hain, toh <samp> tag ka use hota hai.
<var>:
Yeh tag programming variable ko represent karta hai.
Jab aap kisi mathematical variable ya programming variable ko denote karte hain, tab <var> tag ka use hota hai.
<cite>:
Yeh tag kisi citation ya reference ko represent karta hai.
Jab aap kisi book, article, ya research paper ka reference de rahe hote hain, tab <cite> tag ka use hota hai.
<q>:
Yeh tag inline quotations ko represent karta hai.
Jab aap kisi short quote ko document ke andar directly include karte hain, tab <q> tag ka use hota hai.
<abbr>:
Yeh tag kisi abbreviation ya acronym ko represent karta hai.
Jab aap kisi word ko short form me likhna chahte hain, to <abbr> tag ka use hota hai, aur aap iske andar title attribute bhi add kar sakte hain jo full form ko dikhaye.
<address>:
Yeh tag contact information ko represent karta hai.
Jab aapko kisi person, organization ya company ka contact details dikhana ho, tab <address> tag ka use hota hai.
<bdi>:
Yeh tag bi-directional text ko isolate karne ke liye use hota hai.
Jab kisi text ka direction change karna ho, jaise left-to-right ya right-to-left, toh is tag ka use hota hai.
<bdo>:
Yeh tag text direction ko override karne ke liye use hota hai.
Iska use tab hota hai jab aapko kisi text ka direction control karna ho, jaise "rtl" (right-to-left) ya "ltr" (left-to-right).
<ruby>:
Yeh tag East Asian languages me pronunciation ya annotation ko show karne ke liye use hota hai.
Iska use pronunciation help ko provide karne ke liye kiya jata hai.
<rt>:
Yeh tag <ruby> ke andar use hota hai aur pronunciation ya annotation text ko define karta hai.
<rp>:
Yeh tag Ruby annotations ke liye fallback text provide karta hai.
Agar browser Ruby text ko support nahi karta, toh is tag ke andar fallback content diya jata hai.
<data>:
Yeh tag machine-readable data ko represent karta hai.
Jab aapko kisi specific value ko machine-readable format mein dena ho, toh <data> tag ka use hota hai.
<section>:
Yeh tag document ke different sections ko define karta hai.
Jab aapko page ko logically different parts mein divide karna ho, toh <section> tag ka use hota hai.
<nav>:
Yeh tag navigation links ko represent karta hai.
Iska use menu, sidebar, ya kisi bhi navigation-related links ko define karne ke liye hota hai.
Yeh advanced HTML tags web development ko aur zyada powerful aur interactive bana dete hain. Inka use responsive design, multimedia content, interactive forms, aur user-friendly layouts create karne ke liye hota hai. Agar aap in tags ko effectively use karte hain, toh aap apne website ko modern aur engaging bana sakte hain.