نمایش کد در HTML

نمایش کد در HTML

زمان مطالعه

5 دقیقه

تعداد بازدید

79

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :


اشتراک گذاری این مطلب
سامان محمدپور
در مورد نویسنده : موفقیت بستگی به تلاش هر شخص داره، هممون ب همون اندازه که تلاش کردیم موفق شدیم.

نمایش کد در HTML

نمایش کد در HTML

زمان مطالعه

5 دقیقه

تعداد بازدید

79

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :


اشتراک گذاری این مطلب

زبان نشانه گذاری HTML شامل چندین عنصر برای نوشتن ورودی های کاربر و کدهای کامپیوتری است که در ادامه با هم آن ها را یکی یکی بررسی می کنیم.

مثال: به این مثال دقت کنید، میبینید که کدهای زبان برنامه نویسی در خروجی چاپ شده اند.

 

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

 

عناصرComputer Code  در زبان نشانه گذاری HTML

 

عنصر Kbd در زبان نشانه گذاری HTML برای ورودی صفحه کلید

عنصر  Kbd  زبان نشانه گذاری HTML برای تعریف ورودی صفحه کلید استفاده می  شود، در مرورگر به شکل پیش فرض محتوای داخل آن با فونت monospace نمایش داده می شوند.

مثال: در زیر برخی از محتوای متن به صورت ورودی صفحه کلید نمایش داده شده اند.

 

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

 

عنصر Kbd در زبان نشانه گذاری HTML

 

عنصر samp در زبان نشانه گذاری HTML برای خروجی برنامه

عنصر samp در زبان نشانه گذاری HTML برای خروجی برنامه های کامپیوتر استفاده می شود، در مرورگر به شکل پیش فرض محتوای داخل این عنصر نیز با فونت monospace نمایش داده می شوند.

مثال: در زیر یک مثال از کاربرد عنصر samp برای خروجی برنامه های کامپیوتر را برای شما آورده ایم.

 

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

 

عنصر samp در زبان نشانه گذاری HTML

 

عنصر code در زبان نشانه گذاری HTML برای نشان کدهای کامپیوتر

عنصر code در زبان نشانه گذاری HTML برای نشان یک قطعه کد کامپیوتر استفاده می شود، در مرورگر به شکل پیش فرض محتوای داخل این عنصر نیز با فونت monospace نمایش داده می شوند.

مثال: در زیر یک مثال از کاربرد عنصر code برای نشان دادن یک قطعه کد کامپیوتر را برای شما آورده ایم.

 

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

 

عنصر code در زبان نشانه گذاری HTML

 

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

 

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

 

عنصر pre در زبان نشانه گذاری HTML

 

همانطور که میبینید کدها به همان صورت که در ویرایشگر نوشته شده اند در خروجی نمایش داده شده اند.

عنصر var در زبان نشانه گذاری HTML برای متغیرها

عنصر var در زبان نشانه گذاری HTML برای تعریف یک متغیرها در یک زبان برنامه نویسی یا در یک عبارت ریاضی استفاده می شود، محتوای داخل آن معمولا به شکل italic نمایش داده می شود.

مثال: در زیر برخی از کلمات را با استفاده از عنصر var در زبان نشانه گذاری HTML به عنوان متغیر تعریف کرده ایم.

 

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

 

عنصر var در زبان نشانه گذاری HTML

 

تگ های زبان نشانه گذاری HTML

در این قسمت تگ هایی که در این مقاله استفاده شده به شکل مختصر توضیح داده شده اند.

 

تگ های زبان نشانه گذاری HTML
تگ توضیحات
Code تعریف کدهای برنامه نویسی کامپیوتر
Kbd تعریف ورودی صفحه کلید
Samp تعریف خروجی برنامه کامپیوتر
Var تعریف متغیر
Pre تعریف متن پیش فرمت شده

 

خلاصه مقاله

عنصر  Kbd  زبان نشانه گذاری HTML برای تعریف ورودی صفحه کلید استفاده می  شود.

عنصر samp در زبان نشانه گذاری HTML برای خروجی برنامه های کامپیوتر استفاده می شود.

عنصر code در زبان نشانه گذاری HTML برای نشان یک قطعه کد کامپیوتر استفاده می شود.

عنصر var در زبان نشانه گذاری HTML برای تعریف یک متغیرها در یک زبان برنامه نویسی یا در یک عبارت ریاضی استفاده می شود.

عنصر pre برای نمایش متن به همان صورت که در ویرایشگر کد نوشته شده، استفاده می شود.

 

خب به پایان یکی دیگر از مقالات آموزشی زبان نشانه گذاری HTML رسیدیم.

در مقاله بعدی به بررسی مبحث بسیار مهم و حیاتی عناصر معنایی در زبان نشانه گذاری HTML می پردازیم.

سامان محمدپور
در مورد نویسنده : موفقیت بستگی به تلاش هر شخص داره، هممون ب همون اندازه که تلاش کردیم موفق شدیم.


پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی