HTML Computer Code Elements In Hindi – What Are The Code Elements In HTML? – Computer Mein Program Codes Aur Use Related Messages Ko Display Karne Ke Liye Different Formatting Styles Ka Istemal Kiya Jata Hai. Webpage Par Computer Codes Ko Display Karne Ke Liye HTML Mein Kuch Special Elements/ Tags Ka Istemal Kiya Jata Hai.
What Are The Different Computer Code Elements Available In HTML? – HTML Mein Bahut Tareeke Ke Code Elements/ Tags Ka Istemal Kiya Jata Hai Aur Sabka Alag-Alag Importance Hai Aur Display Style Format Hai. Neeche Diye Gaye Elements Ko Dhyan Se Padhe Aur Samjhe.
| Tag | Description |
| <code> | Defines programming code |
| <kbd> | Defines keyboard input |
| <samp> | Defines computer output |
| <var> | Defines a variable |
| <pre> | Defines preformatted text |
HTML Computer Code Elements In Hindi
Contents
Aaiye Chapter Mein Aage In Sabko Examples Mein Istemal Karke Inka Impotance Aur Difference Samjhte Hain:
<code> Element In HTML
Jab Humein Webpage Par Computer Programming Code Ko Display Karna Hota Hai Toh Hum Kisi Bhi Heading Aur Paragraph Tag Ke Istemal Se Computer Code Ko Display Kar Sakte Hain, Lekin Woh Code Bhi Baki Text Ki Tarah Ordinary Hi Dikhega Jabki Computer Codes Ka Format Thoda Different Hota Hai.
Issliye Computer Codes Ko Webpage Ke Upar Unke Style Format Ke Saath Display Karne Ke Liye <Code> Element Ka Istemal Kiya Jata Hai, Kyuki <Code> Element Ka Apna Text Formatting Hota Hai Jiska Font Size, Type, Style aur Letter Spacing Set Hota Hai.
Example:
<!DOCTYPE html>
<html>
<body>
<h2>Computer Code</h2>
<p>This is a programming code:</p>
<code>
#include<stdio.h> <br>
int main() { <br>
printf("Hello MasterPrograming"); <br>
}
</code>
</body>
</html>Output:
Explanantion:
<Code> Tag Coding Ke Style Formats Mein Indentation, Whitespaces Aur Line Breaks Ko Follow Nahi Karta Hai, Agar Hum Line Breaks Dena Chahte Hain Toh Humnein Manually <Br> Tag Ka Istemal Karna Pdega Jaisa Ki Humne Upar Wale Example Mein Kiya Hai.
<kbd> Element In HTML
Iss Tag Ka Istemal Keyboard Inputs Ko Display Karane Ke Liye Kiya Jata Hai. <Kbd> Tag Ke Andar Jo Text Display Kiya Jata Hai Woh Browser Ka Default Monospace Font Format Istemal Karta Hai.
Example:
<!DOCTYPE html> <html> <body> <h2>The kbd Element</h2> <p>The kbd element is used to define keyboard input:</p> <p>Save the document by pressing <kbd>Ctrl + S</kbd></p> <p>Open a saved document by pressing <kbd>Ctrl + O</kbd></p> <p>Copy selected text from the document by pressing <kbd>Ctrl + C</kbd></p> <p>Paste the selected text from the document by pressing <kbd>Ctrl + V</kbd></p> </body> </html>
Output:
<samp> Element In HTML
Iss Tag Ka Istemal Computer Program Code Ke Sample Output Ko Display Karne Ke Liye Kiya Jata Hai. <Samp> Tag Ke Andar Jo Text Display Kiya Jata Hai Woh Browser Ka Default Monospace Font Format Istemal Karta Hai.
Example:
<!DOCTYPE html> <html> <body> <h2>The samp Element</h2> <p>The samp element is used to define sample output from a computer program.</p> <p>Message from my computer:</p> <p><samp>File not found.<br>Press F1 to continue</samp></p> </body> </html>
Output:
<var> Element In HTML
HTML Mein <Var> Element Ka Istemal Programming Ke Liye Variable Show Karne Ke Liye Kiya Jata Hai. Iske Ander Ka Jo Bhi Text Hoga Woh Italic Syle Mein Show Hoga, Jaisa Ki Aap Neeche Diye Gaye Example Mein Dekh Sakte Hain:
Example:
<!DOCTYPE html> <html> <body> <h2>The var Element</h2> <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> </body> </html>
Output:
<pre> Element In HTML
HTML Mein <Pre> Tag Ka Istemal Preformatted Text Ko Display Karne Ke Liye Kiya Jata Hai. <Pre> Tag Kisi Bhi Tarah Ke White Spaces, Line Breaks Aur Tabs Ko Ignore Nahi Karti Jaisa Ki Browsers Normally Karte Hain. Lekin Iss Tag Ke Presettings Ko CSS Ke Jariye Badala Ja Sakta Hai.
Aaiye Ek Example Ki Help Se Samajhte Hain Ki Iss Tag Ka Istemal Kab Aur Kis Liye Kiya Jata Hai. Sabse Pehle Element <Code> Ke Hi Example Ko Humne Thods Modify Kiya Hai Lekin Iss Bar <Pre> Tag Ka Istemal Kiya Hai, Toh Aap Dekh Sakte Hain Ki Kya Basic Difference Hoga Iss Tag Ko Istemal Karne Se.
Example: <code> tag between <pre> tag
<!DOCTYPE html>
<html>
<body>
<h2>Computer Code</h2>
<p>This is a programming code:</p>
<pre>
<code>
#include<stdio.h>
int main() {
printf("Hello Master");
}
</code>
</pre>
</body>
</html>Output:
Explanation:
<Pre> Tag Ke Beech Mein <Code> Tag Ko Istemal Karne Se Difference Aap Upar Diye Gaye Output Mein Dekh Sakte Hain. Aur <Pre> Tag Ke Istemal Se Humein Alag Se <Br> Tag Ko Istemal Karne Ki Bhi Zaroorat Nahi Hogi.
