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

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷نقشه‌های تصویری
۱۸تصاویر پس‌زمینه
۱۹عنصر Picture
۲۰جداول
۲۱لیست‌ها
۲۲بلوک‌ها
۲۳کلاس‌ها
۲۴شناسه
۲۵Iframeها
۲۶جاوا اسکریپت
۲۷مسیرهای فایل
۲۸Head
۲۹چیدمان‌ها
۳۰واکنش‌گرا
۳۱کد کامپیوتری
۳۲معنایی‌ها
۳۳موجودیت‌ها
۳۴نماد‌ها
۳۵ایموجی‌ها
۳۶مجموعه کاراکترها
۳۷رمزگذاری URL
۳۸HTML X
۳۹راهنمای استایل
فرم‌های 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 ما بازدید کنید.


منابع آموزشی