تگ code در HTML

  /  فرانت اند   /  HTML   /  تگ code در HTML

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

مثال

<p>با استفاده از تگ <code>button</code> در HTML میتوانید دکمه ایجاد کنید.</p>
<p>با استفاده از خاصیت <code>text-color</code> در CSS میتوانید رنگ متن عناصر را تغییر دهید.</p>


تعریف و کاربرد

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


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

عنصر
<code>بلهبلهبلهبلهبله

خواص عمومی

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

رویداد های عمومی

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

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

اکثر مرورگر ها عنصر code در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

code {
  font-family: monospace;
}

مثال های بیشتر

در این مثال با استفاده از خواص CSS عنصر code را شخصی سازی کردیم:

<!DOCTYPE html>
<html dir="rtl">
<head>
<style>
code {
font-family: Consolas,"courier new";
color: crimson;
background-color: #f1f1f1;
padding: 2px;
font-size: 105%;
}
</style>
</head>
<body>

<h1>عنصر code به همراه CSS</h1>

<p>با استفاده از تگ <code>button</code> در HTML میتوانید دکمه ایجاد کنید.</p>

<p>با استفاده از خاصیت <code>text-color</code> در CSS میتوانید رنگ متن عناصر را تغییر دهید.</p>

</body>
</html>

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر