عنصرهای کد کامپیوتری

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

کد کامپیوتری

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> متن قالب بندی شده را مشخص می‌کند
برای دستیابی به لینک کامل همهٔ تگ‌های HTML، از مرجع تگ HTML ما بازدید کنید.


منابع آموزشی