HTML Computer Code Elements

HTML सिस्टम कोड तत्व

HTML Computer Code Elements

HTML में उपयोगकर्ता इनपुट और कंप्यूटर कोड को परिभाषित करने के लिए कई तत्व शामिल हैं।

Example

HTML Code:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Output:

x = 5; y = 6; z = x + y;

HTML <kbd> For Keyboard Input

HTML <kbd>एलिमेंट का उपयोग कीबोर्ड इनपुट को परिभाषित करने के लिए किया जाता है। अंदर की सामग्री ब्राउज़र के डिफ़ॉल्ट मोनोस्पेस फ़ॉन्ट में प्रदर्शित होती है।

Example

किसी दस्तावेज़ में कुछ टेक्स्ट को कीबोर्ड इनपुट के रूप में परिभाषित करें:

HTML Code:

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

Result:

Save the document by pressing Ctrl + S

उपयोग नोट:

<kbd>कीबोर्ड कमांड, शॉर्टकट और उपयोगकर्ता इनपुट प्रदर्शित करने के लिए तत्व का उपयोग करें।

HTML <samp> For Program Output

HTML <samp>एलिमेंट का उपयोग कंप्यूटर प्रोग्राम से नमूना आउटपुट को परिभाषित करने के लिए किया जाता है। अंदर की सामग्री ब्राउज़र के डिफ़ॉल्ट मोनोस्पेस फ़ॉन्ट में प्रदर्शित होती है।

Example

किसी दस्तावेज़ में कुछ पाठ को कंप्यूटर प्रोग्राम से नमूना आउटपुट के रूप में परिभाषित करें:

HTML Code:

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

Result:

Message from my computer:

File not found.
Press F1 to continue

HTML <code> For Computer Code

HTML <code>तत्व का उपयोग कंप्यूटर कोड को परिभाषित करने के लिए किया जाता है। अंदर की सामग्री ब्राउज़र के डिफ़ॉल्ट मोनोस्पेस फ़ॉन्ट में प्रदर्शित होती है।

Example

किसी दस्तावेज़ में कुछ टेक्स्ट को कंप्यूटर कोड के रूप में परिभाषित करें:

HTML Code:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Result:

x = 5; y = 6; z = x + y;

टिप्पणी:

<code>तत्व अतिरिक्त सफेद स्थान और लाइन-ब्रेक को संरक्षित नहीं करता है।

Preserve Line-Breaks

अतिरिक्त सफेद स्थान और लाइन-ब्रेक को संरक्षित करने के लिए,<code>अंग<pre>तत्व के अंदर रखा जा सकता है:

Example

HTML Code:

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Result:

x = 5;
y = 6;
z = x + y;

सीखना:

<pre>तत्व पूर्व-स्वरूपित पाठ को परिभाषित करता है जो फ़ॉन्ट और सफेद स्थान के सभी स्वरूपण को संरक्षित करता है।

HTML <var> For Variables

HTML <var>एलिमेंट का उपयोग प्रोग्रामिंग या गणितीय अभिव्यक्ति में एक चर को परिभाषित करने के लिए किया जाता है। अंदर की सामग्री आमतौर पर इटैलिक में प्रदर्शित होती है।

Example

किसी दस्तावेज़ में कुछ पाठ को चर के रूप में परिभाषित करें:

HTML Code:

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Result:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

Chapter Summary

Element Description Example
<kbd> कीबोर्ड इनपुट को परिभाषित करता है Ctrl + S
<samp> कंप्यूटर प्रोग्राम से नमूना आउटपुट को परिभाषित करता है File not found
<code> सिस्टम कोड को परिभाषित करता है print("Hello")
<var> प्रोग्रामिंग या गणित में एक चर को परिभाषित करता है x = 10
<pre> पूर्व स्वरूपित पाठ को परिभाषित करता है संरक्षित प्रारूप

HTML Tag Reference:

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए हमारे HTML टैग संदर्भ पर जाएँ।

Exercise

अपने ज्ञान का परीक्षण करने के लिए निम्नलिखित अभ्यास आज़माएँ:

निम्नलिखित में से कौन सा HTML तत्व नहीं है?

<code>
✗ ग़लत! <कोड> एक वैध HTML तत्व है जो सिस्टम कोड को परिभाषित करता है
<pre>
✗ ग़लत! <pre> एक वैध HTML तत्व है जो पूर्व-स्वरूपित पाठ को परिभाषित करता है
<kbd>
✗ ग़लत! <kbd> एक वैध HTML तत्व है जो कीबोर्ड इनपुट को परिभाषित करता है
<xamp>
✓ ठीक है! <xamp> एक मान्य HTML तत्व नहीं है. एक वैध तत्व <samp> है

HTML Computer Code Elements

Tag Description Usage
<code> प्रोग्रामिंग कोड को परिभाषित करता है कंप्यूटर कोड और प्रोग्रामिंग भाग
<kbd> कीबोर्ड इनपुट को परिभाषित करता है कीबोर्ड कमांड और शॉर्टकट
<samp> सिस्टम आउटपुट को परिभाषित करता है प्रोग्राम आउटपुट और सिस्टम संदेश
<var> एक वेरिएबल को परिभाषित करता है प्रोग्रामिंग और गणित चर
<pre> पूर्व स्वरूपित पाठ को परिभाषित करता है सफ़ेद स्थान और स्वरूप को संरक्षित करने के लिए

उपयोग नोट:

इन तत्वों का उपयोग आपके कोड को सार्थक और सुलभ बनाता है। ये सर्च इंजनों को सूचकांक संरचना प्रदान करते हैं।

सर्वोत्तम अभ्यास

सही तत्वों का प्रयोग करें:कोड के लिए<code>, कीबोर्ड इनपुट के लिए<kbd>, चर के लिए<var>के रूप में उपयोग
लाइन ब्रेक को सुरक्षित रखें:मल्टी-लाइन कोड के लिए<code>साथ<pre>उपयोग
केवल CSS का उपयोग न करें:कोड टाइप टेक्स्ट को पहचानने के लिए<code>केवल CSS तत्व का उपयोग न करें
सिंटैक्स हाइलाइट का उपयोग करें:रंग और फ़ॉर्मेटिंग के लिए जावास्क्रिप्ट सिंटैक्स हाइलाइटिंग पर ध्यान दें