کدهای کامپیوتری
var person = {
firstName:"آرمین",
lastName:"رحیمیان",
age:36,
eyeColor:"قهوه ای"
}
قالب بندی کدهای کامپیوتری در HTML
به طور معمول در HTML از اندازه ها و فاصله های بین حروف متفاوتی استفاده می شود.
این حالت هنگام استفاده از کدهای کامپیوتری مورد نیاز نیست.
تگ های <kbd> و <samp> و <code> المان هایی در HTML هستند که با ثابت نگه داشتن اندازه حروف و فاصله بین آن برای نمایش کد نویسی کامپیوتری در صفحات وب به خوبی مورد استفاده قرار می گیرند.
قالب بندی صفحه کلید در HTML
استفاده از تگ <kbd> ورود اطلاعات توسط صفحه کلید را تعریف می کند.
مثال
<p>برای باز کردن فایل به شکل زیر عمل کنید:</p>
<p><kbd>File | Open...</kbd></p>
خودتان آزمایش کنید »
قالب بندی خروجی کامپیوتر در HTML
استفاده از تگ <samp> خروجی اطلاعات توسط نمایشگر یا چاپگر کامپیوتر را تعریف می کند.
مثال
<samp>
ورود به سایت schools.ecb.ir: 2014 Dec 24, 09:10:17
Linux
2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>
خودتان آزمایش کنید »
قالب بندی کدهای برنامه نویسی در HTML
استفاده از تگ <code> نمونه ای از قالب کدهای برنامه نویسی را تعریف می کند.
مثال
<code>
var person = { firstName:"آرمین", lastName:"رحیمیان",
age:36, eyeColor:"قهوه ای" }
</code>
خودتان آزمایش کنید »
المان یا تگ <code> فضاهای خالی و قالب و چیدمان را که نوشت اید حفظ نمی کند و تمام فواصل را به یک حرف فاصله تبدیل می کند:
مثال
<p>یک نمونه کدنویسی:</p>
<code>
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
}
</code>
خودتان آزمایش کنید »
برای این که بتوانید قالب نوشته شده را درون تگ <code> حفظ نمایید بهتر است داخل این تگ از المان دیگری یعنی تگ <pre> استفاده کرده و درون این المان کدهای مورد نظر را بنویسید:
مثال
<p>یک نمونه کدنویسی با حفظ قالب نوشتاری آن:</p>
<code>
<pre>
var person = {
firstName:"آرمین",
lastName:"رحیمیان",
age:36,
eyeColor:"قهوه ای"
}
</pre>
</code>
خودتان آزمایش کنید »
قالب بندی متغیرها در HTML
با استفاده از تگ <var> می توان متغیرهای ریاضی را در صفحات HTML تعریف کرد.
مرجع تگ ها و المان های HTML
در زیر جدولی از عناصر، المان ها یا همان تگ های HTML را ملاحظه می فرمایید که به دسته بندی کدنویسی کامپیوتری در HTML مربوط است.
| نام تگ HTML |
توضیح درباره تگ HTML |
| <code> |
ظاهری از محیط کدنویسی را تعریف می کند |
| <kbd> |
ورود اطلاعات توسط صفحه کلید را تعریف می کند |
| <samp> |
خروجی اطلاعات توسط نمایشگر یا چاپگر کامپیوتر را تعریف می کند |
| <var> |
ظاهری متغیرهای ریاضی را در محیط برنامه نویسی تعریف می کند |
| <pre> |
برای حفظ قالب مطالب نوشته شده در این المان شامل خطوط خالی و فضای اضافی بین حروف را کاربرد دارد |