عنصرهای کد کامپیوتری
کد کامپیوتری
1 <code>
2 x = 5;<br>
3 y = 6;<br>
4 z = x + y;
5 </code>
<kbd> در HTML برای ورودی صفحه کلید
عنصر <kbd> در HTML ورودی‌های کاربر مانند ورودی صفحه کلید یا دستورات صوتی را نشان می‌دهد.[۱]
متن‌های احاطه شده با تگ‌های <kbd>، معمولاً با قلم monospace نمایش داده می‌شوند:
مثال
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
نتیجه:
Save the document by pressing Ctrl + S
<samp> در HTML برای خروجی برنامه
عنصر <samp> در HTML خروجی یک برنامه یا سیستم محاسباتی را نشان می‌دهد.
متن‌های درون تگ‌های <samp> معمولاً با قلم monospace نمایش داده می‌شوند:
مثال
<p>If you input wrong value, the program will return <samp>Error!</samp></p>
نتیجه:
If you input wrong value, the program will return Error!
<code> در HTML برای کد کامپیوتری
عنصر <code> در HTML بخشی از کد کامپیوتر را نشان می‌دهد.
متن‌های درون تگ‌های <code> معمولاً با قلم monospace نمایش داده می‌شوند:
مثال
1 <code>
2 x = 5;
3 y = 6;
4 z = x + y;
5 </code>
نتیجه:
x = 5; y = 6; z = x + y;
دقت داشته باشید که عنصر <code> از خطوط جدید و فاصله‌های خالی اضافی جلوگیری نمی‌کند.
برای حل این مشکل، می‌توانید عنصر <code> را در یک عنصر <pre> قرار دهید:
1 <pre>
2 <code>
3 x = 5;
4 y = 6;
5 z = x + y;
6 </code>
7 </pre>
نتیجه:
x = 5;
y = 6;
z = x + y;
<var> در HTML برای متغیرها
عنصر <var> در HTML یک متغیر را تعریف می‌کند.
Variable می‌تواند یک متغیر عددی در عبارت ریاضی یا یک متغیر در محتوای برنامه‌نویسی باشد:
مثال
Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.
نتیجه:
Einstein wrote: E = mc2.
تمرین های HTML
عنصرهای کد کامپیوتر در HTML
| تگ | تعریف |
|---|---|
| <code> | یک کد برنامه‌نویسی را مشخص می‌کند |
| <kbd> | ورودی صفحه کلید را مشخص می‌کند |
| <samp> | خروجی کامپیوتر را مشخص می‌کند |
| <var> | یک متغیر را تعریف می‌کند |
| <pre> | متن قالب بندی شده را مشخص می‌کند |
منابع آموزشی