Articles
HTML का परिचय
कोड प्रदर्शन, उद्धरण और सूचियों से संबंधित टैग्स

कोड प्रदर्शन, उद्धरण और सूचियों से संबंधित टैग्स

यह लेख कोड प्रदर्शन, उद्धरण और सूचियों से संबंधित टैग्स को समझाता है।

यह बताता है कि HTML में स्रोत कोड, उद्धरण, एनोटेशन, और सूचियाँ कैसे लिखी जाती हैं।

YouTube Video

कोड प्रदर्शन से संबंधित टैग

<code> टैग

Inline code example: let x = 10; 
1Inline code example: <code>let x = 10;</code>
  • <code> टैग एक इनलाइन तत्व है जिसका उपयोग HTML दस्तावेज़ के भीतर कोड या प्रोग्राम स्निपेट्स को सूचित करने के लिए किया जाता है।
  • डिफ़ॉल्ट रूप से, यह एक मोनोस्पेस फ़ॉन्ट में प्रदर्शित होता है, जो कोड की पठनीयता को बढ़ाता है।

<pre> टैग 

function hello() {
    console.log("Hello, world!");
}

1<pre>
2function hello() {
3    console.log("Hello, world!");
4}
5</pre>
  • <pre> टैग का उपयोग HTML दस्तावेज़ के भीतर पाठ को उसके मूल प्रारूप में प्रदर्शित करने के लिए किया जाता है। इस टैग का उपयोग करने से पाठ में वाइटस्पेस और लाइन ब्रेक को बरकरार रखा जाता है, जिससे इसका मूल प्रारूप संरक्षित रहता है। यह मुख्य रूप से उस सामग्री को प्रदर्शित करने के लिए उपयोग किया जाता है जिसे प्रारूप बनाए रखने की आवश्यकता होती है, जैसे प्रोग्राम कोड, कविता, या टेक्स्ट आर्ट।
    function hello() {
        console.log("Hello, world!");
    }
    
1    <pre>
2    function hello() {
3        console.log("Hello, world!");
4    }
5    </pre>
  • <pre> टैग में, रिक्त स्थान संरक्षित होते हैं, इसलिए यदि समापन टैग से पहले कोई अंतरिक्ष है, तो इस उदाहरण की तरह अंत में एक खाली पंक्ति दिखाई देगी।

<samp> टैग

Sample system output: Error: Invalid input. 
1Sample system output: <samp>Error: Invalid input.</samp>
  • <samp> टैग एक HTML टैग है जिसका उपयोग कंप्यूटर प्रोग्राम के आउटपुट को दर्शाने के लिए किया जाता है। इसका उपयोग प्रोग्राम या सिस्टम से आउटपुट या संदेश को इंगित करने के लिए किया जाता है।

<kbd> टैग

Keyboard input example: Ctrl + C 
1Keyboard input example: <kbd>Ctrl</kbd> + <kbd>C</kbd>
  • <kbd> टैग एक HTML टैग है जिसका उपयोग यूज़र इनपुट को दर्शाने के लिए किया जाता है। इसका उपयोग कीबोर्ड इनपुट या कमांड इनपुट, जैसे कि शॉर्टकट्स, को सूचित करने के लिए किया जाता है।

<var> टैग

Variable example: x = 5; 
1Variable example: <var>x</var> = 5;
  • <var> टैग का उपयोग प्रोग्राम या समीकरण में वेरिएबल्स को दर्शाने के लिए किया जाता है। इसका उपयोग वेरिएबल नामों या गणितीय सूत्रों में वेरिएबल्स को प्रकट करने के लिए किया जाता है।

उद्धरण आदि के लिए उपयोग किए जाने वाले टैग

<blockquote> टैग

This is a blockquote for longer quotations. 
1<blockquote>
2    This is a blockquote for longer quotations.
3</blockquote>
  • <blockquote> टैग का उपयोग लंबे उद्धरणों या अन्य स्रोतों से पाठ को दर्शाने के लिए किया जाता है, और यह आम तौर पर ब्लॉक स्तर पर प्रदर्शित होता है।

<q> टैग

This is a short quote: Short quote example. 
1This is a short quote: <q>Short quote example.</q>
  • <q> टैग एक इनलाइन तत्व है जिसका उपयोग छोटे उद्धरणों को दर्शाने के लिए किया जाता है। इस टैग का उपयोग पाठ या वाक्य के एक भाग को उद्धरण के रूप में चिह्नित करने के लिए किया जा सकता है। <q> टैग में संलग्न पाठ को आमतौर पर उद्धरण चिह्नों के साथ प्रदर्शित किया जाता है। <q> टैग को भी नेस्ट किया जा सकता है। इस मामले में, आंतरिक उद्धरण के लिए आम तौर पर विभिन्न प्रकार के उद्धरण चिह्नों का उपयोग किया जाता है।

<cite> टैग

Reference to a book: The Great Gatsby 
1Reference to a book: <cite>The Great Gatsby</cite>
  • <cite> टैग एक इनलाइन तत्व है जिसका उपयोग किसी प्रामाणिकता या संदर्भ के स्रोत को सूचित करने के लिए किया जाता है। इसका मुख्य रूप से कार्य के स्रोत को इंगित करने के लिए उपयोग किया जाता है, जैसे कि कार्यों के शीर्षक, लेख, पेपर, वेब पेज या किताबें।

<address> टैग

123 Main Street, Springfield, USA
1<address>123 Main Street, Springfield, USA</address>
  • <address> टैग का उपयोग किसी दस्तावेज़ या अनुभाग के लेखक या स्वामी से संबंधित संपर्क जानकारी प्रस्तुत करने के लिए किया जाता है। यह टैग सामान्यतः ईमेल पते, फोन नंबर, भौतिक पते, और इसी तरह की जानकारी शामिल करता है।

<time> टैग 

1<time datetime="2024-12-04">December 4, 2024</time>
  • <time> टैग का उपयोग समय के एक विशिष्ट बिंदु, अवधि, या पुनरावृत्त समय को प्रदर्शित करने के लिए किया जाता है। यह टैग दस्तावेज़ को अर्थपूर्ण बनाने के लिए तारीखों और समय को शामिल कर सकता है।

<data> टैग

Current Year 
1<data value="2024">Current Year</data>
  • <data> टैग का उपयोग मनुष्यों द्वारा पढ़ा जा सकने वाले सामग्री को मशीन के द्वारा व्याख्या की जा सकने वाली मानों के साथ जोड़ने के लिए किया जाता है। यह टैग डेटा को इस प्रकार चिह्नित करने के लिए उपयोगी है कि प्रोग्राम इसे आसानी से संसाधित कर सकें।

<details> और <summary> टैग

More information

Here is some additional content.

1<details>
2    <summary>More information</summary>
3    <p>Here is some additional content.</p>
4</details>
  • <details> टैग एक संकुचित और विस्तारित करने योग्य विजेट बनाता है। इसे <summary> टैग के साथ उपयोग करके, आप एक क्लिक योग्य अनुभाग बना सकते हैं जो अधिक विवरण प्रकट करता है, अक्सर 'और पढ़ें' जैसे इंटरैक्टिव डिस्प्ले के लिए उपयोग किया जाता है।

सूची प्रदर्शन के लिए उपयोग किए जाने वाले टैग

<ul> टैग

  • Item 1
  • Item 2
  • Item 3
1<ul>
2    <li>Item 1</li>
3    <li>Item 2</li>
4    <li>Item 3</li>
5</ul>
  • यह एक टैग है जिसका उपयोग अव्यवस्थित सूचियाँ बनाने के लिए किया जाता है। सूची के प्रत्येक आइटम को <li> टैग के साथ परिभाषित किया जाता है। मूल रूप से, प्रत्येक सूची आइटम के सामने एक काला बिंदु प्रदर्शित होता है।

<ol> टैग

  1. Step 1
  2. Step 2
  3. Step 3
1<ol>
2    <li>Step 1</li>
3    <li>Step 2</li>
4    <li>Step 3</li>
5</ol>
  • इस टैग का उपयोग सुनिश्चित की गई सूची बनाने के लिए किया जाता है। सूची के प्रत्येक आइटम को <li> टैग के साथ परिभाषित किया जाता है। मूल रूप से, आइटम्स के क्रम को दर्शाने के लिए संख्याएँ प्रदर्शित की जाती हैं।

<dl> टैग

Term 1
Definition of Term 1
Term 2
Definition of Term 2
1<dl>
2    <dt>Term 1</dt>
3    <dd>Definition of Term 1</dd>
4    <dt>Term 2</dt>
5    <dd>Definition of Term 2</dd>
6</dl>
  • इस टैग का उपयोग शब्द और परिभाषाओं, या नाम और विवरणों से युक्त जोड़ी की सूची बनाने के लिए किया जाता है। सूची के आइटम्स को <dt> और <dd> टैग्स के साथ परिभाषित किया जाता है। शब्द या नाम <dt> टैग में लिखा जाता है, और परिभाषा या व्याख्या <dd> टैग में लिखी जाती है।

आप हमारे YouTube चैनल पर Visual Studio Code का उपयोग करके ऊपर दिए गए लेख के साथ आगे बढ़ सकते हैं। कृपया YouTube चैनल को भी देखें।

YouTube Video

पाठ से संबंधित टैगसारणी से संबंधित टैग