آموزش عناصر کد کامپیوتر در HTML

آموزش عناصر کد کامپیوتر در HTML

آموزش عناصر کد کامپیوتر در HTML

در جلسه نوزدهم آموزش متنی Html در خدمت شما هستیم با آموزش عناصر کد کامپیوتر در HTML از وب سایت آموزش برنامه نویسی سورس باران. با ما همراه باشید…

Computer Code یا کد کامپیوتر در HTML

در زیر یک نمونه از کد کامپیوتر در HTML را مشکل می‌کنید:

<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>
پیشنمایش

 

عنصر <kbd> در اچ تی ام ال برای ورودی های صفحه کلید

عنصر <kbd> در HTML نشان‌ دهنده ورودی کاربر مانند ورودی کیبورد یا فرامین صوتی است. متنی که توسط تگ‌های <kbd> احاطه شده‌اند معمولا با قلم تک فاصله‌ پیش‌فرض خود مرورگر نمایش داده می‌شوند :

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

نتیجه : با فشار دادن دکمه‌های Ctrl + S سند را ذخیره کنید.

پیشنمایش

 

عنصر <samp> در HTML جهت نمایش خروجی های برنامه

عنصر <spam> در HTML نشان‌دهنده خروجی از یک برنامه یا سیستم کامپیوتری است. متنی که در بین تگ‌های <spam> قرار می‌گیرد معمولا با قلم تک فاصله پیش‌فرض خود مرورگر نمایش داده می‌شود :

<p>If you input wrong value, the program will return <samp>Error!</samp></p>

نتیجه : اگر مقداری ورودی اشتباه باشد، برنامه پیغام Error را باز می‌گرداند.

پیشنمایش

 

عنصر <code> در HTML برای نمایش کد های کامپیوتری

عنصر <code> در HTML یک تکه از کد کامپیوتر را تعریف می‌کند. متنی که بین تگ‌های <code> قرار می‌گیرد معمولا با قلم تک فاصله پیش‌فرض خود مرورگر نمایش داده می‌شود:

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

خروجی : 

x = 5; y = 6; z = x + y;
پیشنمایش

توجه داشته باشید که عنصر <code> فضای سفید اضافه یا شکست در خط را حفظ نمی کند. برای رفع این مشکل می‌توانید عنصر <code> را درون یک عنصر <pre> قرار دهید. به مثال زیر توجه کنید:

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

خروجی : 

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

عنصر <var> در اچ تی ام ال برای متغیر ها

عنصر <var> در HTML یک متغیر (variable) تعریف می‌کند. این متغیر می‌تواند در یک عبارت ریاضی یا در کدهای برنامه نویسی باشد :

Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.

خروجی : 

Einstein wrote: E = mc2.
پیشنمایش
تگ توضیحات
<code> کدهای برنامه نویسی را مشخص می کند.
<kbd> ورودی صفحه کلید را مشخص می کند.
<samp> خروجی کامپیوتری را مشخص می کند.
<var> برای تعریف متغیر کاربرد دارد.
<pre> متن را به همان شکلی که تایپ شده نمایش می دهد.

منبع : W3Schools

لیست جلسات قبل آموزش Html

  1. آموزش اصول اولیه و عناصر HTML
  2. آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
  3. آموزش کار با پاراگراف و استایل در Html
  4. آموزش کار با قالب بندی متن در Html
  5. آموزش کار با کامنت در HTML
  6. آموزش کار با کامنت در HTML
  7. آموزش کار با رنگ ها در HTML
  8. آموزش کار با تصاویر در HTML
  9. آموزش کار با لینک در HTML
  10. آموزش کار با جدول در HTML
  11. آموزش کار با لیست ها در HTML
  12. آموزش کار با عناصر Block و Inline در HTML
  13. آموزش کار با عنصر Class در HTML
  14. آموزش Html؛ آموزش iframe در HTML
  15. آموزش Html؛ آموزش جاوا اسکریپت در HTML
  16. آموزش کار با عنصر Head در HTML
  17. آموزش Layout در HTML
  18. آموزش طراحی سایت ریسپانسیو در HTML

The post آموزش عناصر کد کامپیوتر در HTML appeared first on آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران.

درباره نویسنده: administrator

ممکن است دوست داشته باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *