HTML Basic Element (HTML All Element )

1. Heading Element

Heading Elements का उपयोग webpage के Title और Subheading बनाने के लिए किया जाता है। इससे Material arrange और पढ़ने में आसान बनती है।

Heading levels

Tag	Use
<h1>	Main Title
<h2>	उप-शीर्षक (Sub Heading)
<h3>	Section heading
<h4>	Sub section heading
<h5>	Small heading
<h6>	Smallest heading

<h1>Main Heading</h1>
<h2>Sub Heading</h2>
<h3>Section Heading</h3>
<h4>Sub Section</h4>
<h5>Small Heading</h5>
<h6>Smallest Heading</h6>

2. Paragraph Element

Paragraph Element (<p>) का उपयोग वेब पेज पर टेक्स्ट को पैराग्राफ के रूप में displayed करने के लिए किया जाता है।

Uses of Paragraph Element

1. Simple text लिखने के लिएI
2. Information को अलग-अलग पैराग्राफ में arrange करने के लिए।
3. वेब पेज को पढ़ने में आसान बनाने के लिए।
4. लेख, नोट्स, ब्लॉग और कंटेंट लिखने के लिए।

features of paragraph element

• Paragraph हमेशा नई लाइन से शुरू होता है।
• Browser पैराग्राफ के पहले और बाद में थोड़ा space (margin) जोड़ देता है।
• Opening Tag: <p> Closing Tag: </p>

Syntax :

<p>This is a paragraph.</p>

Paragraph Example :

<p>HTML is the standard markup language for creating web pages.</p>

<p>It is easy to learn and widely used in web development.</p>

output :

HTML is the standard markup language for creating web pages.

It is easy to learn and widely used in web development.

3. HTML Link Element

Link Element (<a>) का उपयोग एक वेब पेज से दूसरे वेब पेज, वेबसाइट, फ़ाइल या किसी विशेष सेक्शन पर जाने के लिए किया जाता है।

<a href="URL">Link Text</a>

• <a> = Anchor Tag
• href = Hyperlink Reference (लिंक का पता)
• Link Text = वह टेक्स्ट जिस पर क्लिक किया जाता है

Example :

<a href="https://www.google.com">Visit Google</a>

Output :

Visit Google

(क्लिक करने पर Google वेबसाइट खुलेगी)

New Tab में Link खोलना

<a href="https://www.google.com" target="_blank">
    Open Google
</a>

Uses of Link Element

• दूसरी वेबसाइट पर जाने के लिए।
• वेबसाइट के दूसरे पेज खोलने के लिए।
• PDF या अन्य फ़ाइल डाउनलोड कराने के लिए।
• Email भेजने के लिए।
• Phone Call शुरू करने के लिए।

Attributes of <a> Tag

Attribute	Use
href	लिंक का पता देता है
target	लिंक कहाँ खुलेगा
title	लिंक की अतिरिक्त जानकारी
download	फ़ाइल डाउनलोड कराने के लिए

4. Image Element

Image Element (<img>) का उपयोग वेब पेज पर image प्रदर्शित करने के लिए किया जाता है।

Syntax

<img src="image.jpg" alt="Image Description">

Width और Height सेट करना

<img src="nature.jpg" alt="Nature" width="300" height="200">

• width → इमेज की चौड़ाई
• height → इमेज की ऊँचाई

Attributes

Attribute	Use
src	Image का Path बताता है
alt	alternative text दिखाता है
width	width decide करता है
height	height decide करता है
title	additional information दिखाता है

Uses of Image Element

1. वेबसाइट पर फोटो दिखाने के लिए।
2. Logo प्रदर्शित करने के लिए।
3. Banner और Graphics जोड़ने के लिए।
4. Products की Images दिखाने के लिए।
5. Content को अधिक attractive बनाने के लिए।

5. HTML Line Break Element (<br>)

Line Break Element (<br>) का उपयोग टेक्स्ट को अगली लाइन में ले जाने के लिए किया जाता है, बिना नया पैराग्राफ बनाए।

Syntax

<br>

Example

Hello World!<br>
Welcome to HTML.

Output

Hello World!
Welcome to HTML.

Uses of Line Break Element

• नई लाइन शुरू करने के लिए।
• Address लिखने के लिए।
• कविता (Poem) या गीत (Song Lyrics) लिखने के लिए।
• टेक्स्ट को अलग-अलग लाइनों में दिखाने के लिए।

Features of Line Break Element

• <br> एक Empty Element है।
• इसका Closing Tag नहीं होता।
• यह केवल लाइन बदलता है, नया पैराग्राफ नहीं बनाता।

6. Horizontal Rule Element

Horizontal Rule Element (<hr>) का उपयोग वेब पेज पर एक क्षैतिज रेखा (Horizontal Line) बनाने के लिए किया जाता है। यह आमतौर पर कंटेंट के अलग-अलग भागों (Sections) को devide करने के लिए उपयोग होता है।

Syntax

<hr>

Example

<h1>HTML Tutorial</h1>

<p>Welcome to HTML Course.</p>

<hr>

<p>Now we will learn CSS.</p>

Output

HTML Tutorial

Welcome to HTML Course.
-----------------------

Now we will learn CSS.

Uses of <hr> Element

• दो Sections को अलग करने के लिए।
• Topics के बीच विभाजन दिखाने के लिए।
• Web Page को अधिक व्यवस्थित बनाने के लिए।
• Content में Visual Separation देने के लिए।

Features of <Hr> Element

• <hr> एक Empty Element है।
• इसका Closing Tag नहीं होता।
• HTML5 में यह केवल लाइन नहीं, बल्कि Thematic Break (विषय परिवर्तन) को दर्शाता है।

7. List Elements

1. Ordered List (<ol>) Element

HTML में Ordered List का उपयोग उन सूचियों (Lists) को बनाने के लिए किया जाता है जिनमें आइटम क्रम (Order) में होते हैं। इसमें प्रत्येक आइटम के सामने संख्या (1, 2, 3…), अक्षर (A, B, C…) या रोमन संख्या (I, II, III…) दिखाई जाती है।

Syntax

<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>

Unordered List (<ul>) Element

HTML में Unordered List का उपयोग ऐसी सूची (List) बनाने के लिए किया जाता है जिसमें आइटम का कोई निश्चित क्रम (Order) नहीं होता। प्रत्येक आइटम के सामने Bullet Point (•) दिखाई देता है।

Syntax

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

याद रखें:

• <ol> = Numbering List
• <ul> = Bullet List
• <li> = List Item (दोनों में उपयोग होता है) ।

• Learn to CSS ( Basic to Advanced)