Basic Structure Tags
<html>
સમજણ: સંપૂર્ણ HTML દસ્તાવેજનું root એલિમેન્ટ.
ઉદાહરણ:
<html>...</html>
આઉટપુટ:
પૂર્ણ વેબપૃષ્ઠની રચના.
<head>
સમજણ: મેટાડેટા, ટાઇટલ, સ્ટાઇલ વગેરે.
ઉદાહરણ:
<head><title>Test</title></head>
આઉટપુટ:
ટેબમાં ટાઇટલ દેખાશે.
<title>
સમજણ: ટેબનું નામ.
ઉદાહરણ:
<title>My Page</title>
આઉટપુટ:
બ્રાઉઝરમાં 'My Page' દેખાશે.
<body>
સમજણ: મુખ્ય કન્ટેન્ટ.
ઉદાહરણ:
<body>Hello</body>
આઉટપુટ:
પૃષ્ઠ પર 'Hello' દેખાશે.
Text Formatting Tags
<b>
સમજણ: બોલ્ડ.
ઉદાહરણ:
<b>Bold</b>
આઉટપુટ:
Bold લખાણ.
<i>
સમજણ: ઈટાલિક.
ઉદાહરણ:
<i>Italic</i>
આઉટપુટ:
તરછું લખાણ.
<u>
સમજણ: અંડરલાઇન.
ઉદાહરણ:
<u>Underlined</u>
આઉટપુટ:
અંડરલાઇન લખાણ.
<strong>
સમજણ: મજબૂત ભાર.
ઉદાહરણ:
<strong>Important</strong>
આઉટપુટ:
બોલ્ડ જેવું.
<em>
સમજણ: ઝોર.
ઉદાહરણ:
<em>Note</em>
આઉટપુટ:
ઈટાલિક જેવું.
<mark>
સમજણ: હાઇલાઇટ.
ઉદાહરણ:
<mark>Text</mark>
આઉટપુટ:
પીળો હાઇલાઇટ.
List Tags
<ul>
સમજણ: બુલેટ લિસ્ટ.
ઉદાહરણ:
<ul><li>A</li></ul>
આઉટપુટ:
બુલેટ પોઈન્ટ.
<ol>
સમજણ: નંબરવાળી લિસ્ટ.
ઉદાહરણ:
<ol><li>A</li></ol>
આઉટપુટ:
ક્રમવાર સૂચી.
<li>
સમજણ: લિસ્ટ આઈટમ.
ઉદાહરણ:
<li>Item</li>
આઉટપુટ:
એક આઈટમ.
Image & Media
<img>
સમજણ: ઈમેજ દર્શાવે.
ઉદાહરણ:
<img src="a.jpg" width="100">
આઉટપુટ:
ઈમેજ દેખાશે.
<audio>
સમજણ: ઓડિયો.
ઉદાહરણ:
<audio controls></audio>
આઉટપુટ:
પ્લેયર દેખાશે.
<video>
સમજણ: વિડિયો.
ઉદાહરણ:
<video controls></video>
આઉટપુટ:
વિડિયો પ્લેયર.
Link & Navigation
<a>
સમજણ: લિંક.
ઉદાહરણ:
<a href="https://google.com">Google</a>
આઉટપુટ:
ક્લિક કરી શકાય.
<nav>
સમજણ: નેવિગેશન મેનુ.
ઉદાહરણ:
<nav>Menu</nav>
આઉટપુટ:
નેવિગેશન બ્લૉક.
Table Tags
<table>
સમજણ: ટેબલ.
ઉદાહરણ:
<table></table>
આઉટપુટ:
ટેબલ બ્લોક.
<tr>
સમજણ: પંક્તિ.
ઉદાહરણ:
<tr></tr>
આઉટપુટ:
પંક્તિ દેખાશે.
<td>
સમજણ: સેલ.
ઉદાહરણ:
<td>Data</td>
આઉટપુટ:
ટેબલ ડેટા.
<th>
સમજણ: હેડર સેલ.
ઉદાહરણ:
<th>Head</th>
આઉટપુટ:
બોલ્ડ હેડર.
Form Tags
<form>
સમજણ: ફોર્મ બનાવે.
ઉદાહરણ:
<form></form>
આઉટપુટ:
ઇનપુટ માટે.
<input>
સમજણ: ઇનપુટ ફિલ્ડ.
ઉદાહરણ:
<input type='text'>
આઉટપુટ:
ટેક્સ્ટ બોક્સ.
<button>
સમજણ: બટન.
ઉદાહરણ:
<button>Click</button>
આઉટપુટ:
બટન દેખાશે.
<select>
સમજણ: ડ્રોપડાઉન.
ઉદાહરણ:
<select><option>A</option></select>
આઉટપુટ:
ડ્રોપડાઉન મેનુ.
Semantic Tags
<header>
સમજણ: હેડર વિભાગ.
ઉદાહરણ:
<header>Top</header>
આઉટપુટ:
ઉપરનો ભાગ.
<footer>
સમજણ: ફૂટર.
ઉદાહરણ:
<footer>Bottom</footer>
આઉટપુટ:
નીચેનો ભાગ.
<section>
સમજણ: વિભાગ.
ઉદાહરણ:
<section>Content</section>
આઉટપુટ:
એક વિભાગ.
<article>
સમજણ: લેખ.
ઉદાહરણ:
<article>News</article>
આઉટપુટ:
લેખ બ્લોક.
<aside>
સમજણ: સાઈડ કન્ટેન્ટ.
ઉદાહરણ:
<aside>Ads</aside>
આઉટપુટ:
સાઇડબાર.
Advanced Tags
<canvas>
સમજણ: ગ્રાફિક્સ.
ઉદાહરણ:
<canvas></canvas>
આઉટપુટ:
ડ્રોઈંગ એરિયા.
<svg>
સમજણ: વેક્ટર ગ્રાફિક્સ.
ઉદાહરણ:
<svg></svg>
આઉટપુટ:
ગ્રાફિક્સ.
<iframe>
સમજણ: અન્ય પેજ એમ્બેડ.
ઉદાહરણ:
<iframe src="page.html"></iframe>
આઉટપુટ:
અંદર પેજ દેખાશે.
HTML તમામ ટેગ્સ – ગુજરાતી સમજણ, ઉદાહરણ અને આઉટપુટ
