زبان نشانه گذاری HTML شامل چندین عنصر برای نوشتن ورودی های کاربر و کدهای کامپیوتری است که در ادامه با هم آن ها را یکی یکی بررسی می کنیم.
مثال: به این مثال دقت کنید، میبینید که کدهای زبان برنامه نویسی در خروجی چاپ شده اند.
<code>
x = 5;
y = 6;
z = x + y;
</code>
عنصر Kbd در زبان نشانه گذاری HTML برای ورودی صفحه کلید
عنصر Kbd زبان نشانه گذاری HTML برای تعریف ورودی صفحه کلید استفاده می شود، در مرورگر به شکل پیش فرض محتوای داخل آن با فونت monospace نمایش داده می شوند.
مثال: در زیر برخی از محتوای متن به صورت ورودی صفحه کلید نمایش داده شده اند.
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
عنصر samp در زبان نشانه گذاری HTML برای خروجی برنامه
عنصر samp در زبان نشانه گذاری HTML برای خروجی برنامه های کامپیوتر استفاده می شود، در مرورگر به شکل پیش فرض محتوای داخل این عنصر نیز با فونت monospace نمایش داده می شوند.
مثال: در زیر یک مثال از کاربرد عنصر samp برای خروجی برنامه های کامپیوتر را برای شما آورده ایم.
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>
عنصر code در زبان نشانه گذاری HTML برای نشان کدهای کامپیوتر
عنصر code در زبان نشانه گذاری HTML برای نشان یک قطعه کد کامپیوتر استفاده می شود، در مرورگر به شکل پیش فرض محتوای داخل این عنصر نیز با فونت monospace نمایش داده می شوند.
مثال: در زیر یک مثال از کاربرد عنصر code برای نشان دادن یک قطعه کد کامپیوتر را برای شما آورده ایم.
<code>
x = 5;
y = 6;
z = x + y;
</code>
توجه داشته باشید که عنصر code فضای سفید اضافی و خطوط را حذف می کند، برای رفع این مشکل می توانید عنصر code را درون یک عنصر pre قرار دهید، به مثال زیر دقت کنید:
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
همانطور که میبینید کدها به همان صورت که در ویرایشگر نوشته شده اند در خروجی نمایش داده شده اند.
عنصر 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>
تگ های زبان نشانه گذاری HTML
در این قسمت تگ هایی که در این مقاله استفاده شده به شکل مختصر توضیح داده شده اند.
تگ | توضیحات |
---|---|
Code | تعریف کدهای برنامه نویسی کامپیوتر |
Kbd | تعریف ورودی صفحه کلید |
Samp | تعریف خروجی برنامه کامپیوتر |
Var | تعریف متغیر |
Pre | تعریف متن پیش فرمت شده |
خلاصه مقاله
عنصر Kbd زبان نشانه گذاری HTML برای تعریف ورودی صفحه کلید استفاده می شود.
عنصر samp در زبان نشانه گذاری HTML برای خروجی برنامه های کامپیوتر استفاده می شود.
عنصر code در زبان نشانه گذاری HTML برای نشان یک قطعه کد کامپیوتر استفاده می شود.
عنصر var در زبان نشانه گذاری HTML برای تعریف یک متغیرها در یک زبان برنامه نویسی یا در یک عبارت ریاضی استفاده می شود.
عنصر pre برای نمایش متن به همان صورت که در ویرایشگر کد نوشته شده، استفاده می شود.
خب به پایان یکی دیگر از مقالات آموزشی زبان نشانه گذاری HTML رسیدیم.
در مقاله بعدی به بررسی مبحث بسیار مهم و حیاتی عناصر معنایی در زبان نشانه گذاری HTML می پردازیم.


آموزش Drag And Drop (کشیدن و رها کردن) عناصر در HTML

موقعیت جغرافیایی (لوکیشن یا مکان) در HTML

چگونه از YouTube در HTML استفاده کنیم؟

افزونه ها (plug-ins) در HTML

تگ audio در HTML

تگ video در HTML

Multimedia (چند رسانه ای) در HTML

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

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

ویژگی form عنصر input در زبان نشانه گذاری HTML