برچسب <code> HTML

تعریف و استفاده

<code> برچسب برای تعریف قطعه‌های کد کامپیوتری استفاده می‌شود، که محتوای آن‌ها به صورت پیش‌فرض فونت هموار نمایش داده می‌شود.

توضیح:توضیح: این برچسب از بین رفته نیست. اما می‌توانید با استفاده از CSS از تأثیرات غنی‌تری بهره‌مند شوید (لطفاً به مثال زیر مراجعه کنید).

لطفاً به: مراجعه کنید

برچسب توضیح
<samp> تعریف خروجی نمونه برنامه‌های کامپیوتری:
<kbd> تعریف ورودی‌های کیبورد:
<var> تعریف متغیرها:
<pre> تعریف متن پیش‌فرمتی:

لطفاً به: مراجعه کنید

آموزش HTML:فرمت‌بندی متن HTML

دستورالعمل HTML DOM:موضوع Code

مثال

مثال 1

تعریف برخی از متن‌ها به عنوان کد کامپیوتری در مستند:

<p>برچسب <code>button</code> HTML یک دکمه قابل کلیک را تعریف می‌کند.</p>
<p>خصوصیت <code>background-color</code> CSS تعریف رنگ پس‌زمینه عناصر را می‌کند.</p>

آزمایش کنید

مثال 2

استفاده از CSS برای تنظیم استایل عناصر <code>:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>برچسب <code>button</code> HTML یک دکمه قابل کلیک را تعریف می‌کند.</p>
<p>خصوصیت <code>background-color</code> CSS تعریف رنگ پس‌زمینه عناصر را می‌کند.</p>
</body>
</html>

آزمایش کنید

خصوصیات جهانی

<code> این برچسب‌ها نیز از خصوصیات رویداد خصوصیات جهانی در HTML.

خصوصیات رویداد

<code> این برچسب‌ها نیز از خصوصیات رویداد خصوصیات رویداد در HTML.

تنظیمات CSS پیش‌فرض

بیشتر مرورگرها از ارزش‌های پیش‌فرض زیر برای نمایش استفاده می‌کنند <code> عنصر:

code {
  font-family: monospace;
}

آزمایش کنید

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی