HTML ટેગ્સ – ગુજરાતી સમજણ, ઉદાહરણ તથા આઉટપુટ

<html>
સમજણ: આ টેગ સમગ્ર HTML દસ્તાવેજની શરૂઆત અને અંત દર્શાવે છે.
ઉદાહરણ:
<html>
...
</html>
આઉટપુટ:
આ پوری HTML ફાઇલનું રૂટ એલિમેન્ટ છે.
<head>
સમજણ: માથાના ભાગમાં મેટાડેટા, ટાઇટલ, સ્ટાઇલ વગેરે મુકવામાં આવે છે.
ઉદાહરણ:
<head>
<title>My Page</title>
</head>
આઉટપુટ:
બ્રાઉઝરમાં દેખાતું નથી પરંતુ પેજની સેટિંગ નિયંત્રિત કરે છે.
<title>
સમજણ: બ્રાઉઝર ટેબનું નામ બતાવે છે.
ઉદાહરણ:
<title>My Webpage</title>
આઉટપુટ:
ટેબમાં 'My Webpage' દેખાશે.
<body>
સમજણ: પેજનું મુખ્ય કન્ટેન્ટ અહીં હોય છે.
ઉદાહરણ:
<body>
<p>Hello</p>
</body>
આઉટપુટ:
પેજ પર 'Hello' દેખાશે.
<h1> થી <h6>
સમજણ: હેડિંગ ટેગ્સ, h1 સૌથી મોટું હેડિંગ.
ઉદાહરણ:
<h1>Title</h1>
આઉટપુટ:
મોટા ફૉન્ટમાં 'Title' દેખાશે.
<p>
સમજણ: પેરાગ્રાફ લખવા માટે.
ઉદાહરણ:
<p>This is paragraph.</p>
આઉટપુટ:
પેરાગ્રાફ રૂપે ટેક્સ્ટ દેખાશે.
<br>
સમજણ: નવી લાઇન માટે.
ઉદાહરણ:
Line 1<br>Line 2
આઉટપુટ:
Line1 અને Line2 નવી લાઇનમાં દેખાશે.
<b>
સમજણ: મોટું (Bold) લખવા માટે.
ઉદાહરણ:
<b>Bold text</b>
આઉટપુટ:
લીખાણ Bold દેખાશે.
<i>
સમજણ: ઈટાલિક લખવા માટે.
ઉદાહરણ:
<i>Italic text</i>
આઉટપુટ:
લીખાણ તિરછું દેખાશે.
<u>
સમજણ: અંડરલાઇન લખવા માટે.
ઉદાહરણ:
<u>Underlined</u>
આઉટપુટ:
ટેક્સ્ટ નીચે લીટી સાથે.
<img>
સમજણ: ઈમેજ દર્શાવવા માટે.
ઉદાહરણ:
<img src="image.jpg" width="200">
આઉટપુટ:
200px પહોળાઈની ઈમેજ દેખાશે.
<a>
સમજણ: લિંક બનાવવા માટે.
ઉદાહરણ:
<a href="https://google.com">Google</a>
આઉટપુટ:
'Google' ક્લિક કરવાથી વેબસાઇટ ખુલશે.
<ul>
સમજણ: અનઓર્ડર્ડ લિસ્ટ (બુલેટ સાથે) માટે.
ઉદાહરણ:
<ul>
<li>Item 1</li>
</ul>
આઉટપુટ:
બુલેટ પોઇન્ટ જોવા મળશે.
<ol>
સમજણ: ઓર્ડર્ડ લિસ્ટ (નંબર સાથે) માટે.
ઉદાહરણ:
<ol>
<li>Item 1</li>
</ol>
આઉટપુટ:
નંબરવાળી લિસ્ટ દેખાશે.
<table>
સમજણ: ટેબલ બનાવવા માટે.
ઉદાહરણ:
<table><tr><td>Data</td></tr></table>
આઉટપુટ:
ટેબલ રૂપે ડેટા દેખાશે.