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 Tag Reference ஐப் பார்வையிடவும்.
Exercise
உங்கள் அறிவை சோதிக்க பின்வரும் பயிற்சியை முயற்சிக்கவும்:
பின்வருவனவற்றில் எது HTML உறுப்பு அல்ல?
HTML Computer Code Elements
| Tag | Description | Usage |
|---|---|---|
<code> |
நிரலாக்க குறியீட்டை வரையறுக்கிறது | கணினி குறியீடு மற்றும் நிரலாக்க பகுதிகள் |
<kbd> |
விசைப்பலகை உள்ளீட்டை வரையறுக்கிறது | கீபோர்டு கட்டளைகள் மற்றும் ஷார்ட்கட்கள் |
<samp> |
கணினி வெளியீட்டை வரையறுக்கிறது | நிரல் வெளியீடுகள் மற்றும் கணினி செய்திகள் |
<var> |
ஒரு மாறியை வரையறுக்கிறது | நிரலாக்க மற்றும் கணித மாறிகள் |
<pre> |
முன்வடிவமைக்கப்பட்ட உரையை வரையறுக்கிறது | வெள்ளை இடம் மற்றும் வடிவத்தை பாதுகாக்க |
பயன்பாட்டு உதவிக்குறிப்பு:
இந்த உறுப்புகளைப் பயன்படுத்துவது உங்கள் குறியீட்டை அர்த்தமுள்ளதாகவும், அணுகக்கூடியதாகவும் ஆக்குகிறது. இவை தேடுபொறிகளுக்கு குறியீட்டு கட்டமைப்பை வழங்குகின்றன.
சிறந்த நடைமுறைகள்
<code>, விசைப்பலகை உள்ளீட்டுக்கு <kbd>, மாறிகளுக்கு <var> என பயன்படுத்தவும்
<code> உடன் <pre> பயன்படுத்தவும்
<code> உறுப்பை CSS மட்டும் பயன்படுத்த வேண்டாம்