دات نت نیوک
از سایت آموزشی وب جدید طراحی سایت همراه با امکان تست آنلاین کدهای html و css و js دیدن کنید. 
همراه با امکان خرید هاست و طراحی سایت دی ان ان و سایت فروشگاهی قابل توسعه!
المان های کدنویسی کامپیوتری در HTML

کدهای کامپیوتری

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 تعریف کرد.

مثال

<p>آلبرت انیشتین نوشت:</p>

<p><var>E = m c<sup>2</sup></var></p>

خودتان آزمایش کنید »

مرجع تگ ها و المان های HTML

در زیر جدولی از عناصر، المان ها یا همان تگ های HTML را ملاحظه می فرمایید که به دسته بندی کدنویسی کامپیوتری در HTML مربوط است.

نام تگ HTML توضیح درباره تگ HTML
<code> ظاهری از محیط کدنویسی را تعریف می کند
<kbd> ورود اطلاعات توسط صفحه کلید را تعریف می کند
<samp> خروجی اطلاعات توسط نمایشگر یا چاپگر کامپیوتر را تعریف می کند
<var> ظاهری متغیرهای ریاضی را در محیط برنامه نویسی تعریف می کند
<pre> برای حفظ قالب مطالب نوشته شده در این المان شامل خطوط خالی و فضای اضافی بین حروف را کاربرد دارد
نظر و پرسش و پاسخ کاربران
  نخستین نفری باشید که می پسندید.
نمایش 0 نظر ترتیب نمایش

هنوز نظری برای این مطلب داده نشده است. شما نخستین نفر باشید :)
مشاهده نظرات
نام

نظرات خود را مطرح کنید
*
*
*
*
*
Captcha:
آخرین اخبار و مقالات

آگهی ها
کارگزاران تجارت الکترونیک ایران
گرافیک پوسته وب سایت در کامپیوتر
گرافیک پوسته وب سایت در تبلت
گرافیک پوسته وب سایت در موبایل
طراحی واکنشگرا (Responsive)
پنل مدیریتی پیشرفته و کاربر پسند
قابل توسعه و ارتقاء و 100% داینامیک
امکانات کامل SEO برای موتورهای جستجو