HTML Tags: Color, Hyperlink, Lists, Tables, Images, और Forms (HTML Tags in Hindi)

HTML Tags: Color, Hyperlink, Lists, Tables, Images, और Forms

परिचय

HTML (HyperText Markup Language) में विभिन्न प्रकार के टैग होते हैं, जिनका उपयोग वेब पेज बनाने के लिए किया जाता है। इनमें रंग (Color), हाइपरलिंक (Hyperlink), सूचियाँ (Lists), टेबल (Tables), छवियाँ (Images) और फॉर्म (Forms) शामिल हैं। यह ब्लॉग HTML के इन महत्वपूर्ण टैग्स के उपयोग और उदाहरणों को विस्तार से समझाएगा।

1. HTML में रंग (Color) जोड़ना

HTML में रंग जोड़ने के लिए CSS का उपयोग किया जाता है। इसे तीन तरीकों से परिभाषित किया जा सकता है:

रंग का नाम (Color Name) - red, blue, green
HEX कोड - #FF5733
RGB वैल्यू - rgb(255, 0, 0)

HTML में रंग जोड़ने का उदाहरण


यह लाल रंग का टेक्स्ट है
इस पैराग्राफ की बैकग्राउंड पीली है
यह हरे रंग का टेक्स्ट है

2. HTML में Hyperlink (लिंक जोड़ना)

HTML में हाइपरलिंक बनाने के लिए <a> टैग का उपयोग किया जाता है।

Hyperlink का उदाहरण


Google पर जाएं

3. HTML में Lists (सूचियाँ)

HTML में सूचियाँ दो प्रकार की होती हैं:

Unordered List (<ul>) - बिना क्रम की सूची
Ordered List (<ol>) - क्रमबद्ध सूची

Unordered List का उदाहरण



    सेब
    केला
    अंगूर

Ordered List का उदाहरण



    पहला कदम
    दूसरा कदम
    तीसरा कदम

4. HTML में Tables (टेबल)

टेबल बनाने के लिए <table> टैग का उपयोग किया जाता है, जिसमें <tr> (पंक्ति) और <td> (कॉलम) टैग होते हैं।

टेबल का उदाहरण

5. HTML में Images (छवियाँ जोड़ना)

HTML में छवियाँ जोड़ने के लिए <img> टैग का उपयोग किया जाता है।

Image का उदाहरण

6. HTML में Forms (फॉर्म बनाना)

HTML में Forms का उपयोग उपयोगकर्ता से इनपुट लेने के लिए किया जाता है।

फॉर्म का उदाहरण



    नाम:
    


    
    ईमेल:

HTML के महत्वपूर्ण Tags का सारांश

टैग

विवरण

उदाहरण

<a>

हाइपरलिंक बनाने के लिए

Visit Example

<ul>

Unordered List (बिना क्रम वाली सूची)

Apple
Banana

<ol>

Ordered List (क्रमबद्ध सूची)

Step 1
Step 2

<table>

टेबल बनाने के लिए

नाम	आयु
राहुल	25

<img>

चित्र जोड़ने के लिए

<form>

फॉर्म बनाने के लिए

निष्कर्ष

HTML में रंग, हाइपरलिंक, सूचियाँ, टेबल, चित्र और फॉर्म जैसी सुविधाएँ वेबसाइट को अधिक उपयोगी और आकर्षक बनाती हैं। सही तरीके से इनका उपयोग करने से वेबसाइट का डिज़ाइन और उपयोगकर्ता अनुभव बेहतर होता है।