تگ code در HTML

  /  Frontend   /  تگ code در HTML

تگ code در HTML

نوشته شده توسط: متین برونسی

تاریخ انتشار:

تاریخ بروزرسانی:

تعداد بازدید: 118

Frontend 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>


من یک برنامه نویس خستگی ناپذیر هستم که رویا هاش رو کد نویسی میکنه...

پست های مرتبط
تاریخ انتشار:
تاریخ انتشار:
تاریخ انتشار:
ارسال یک نظر