برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ code در HTML - راهنمای کار با کدهای کامپیوتری در html

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

برای نمایش کدهای کامپیوتری درون صفحه از تگ code استفاده می شود. به عبارت دیگر در صورتی که سایت آموزشی دارید و می خواهید مثلا کدها و مثال های HTML را در صفحه به کار برید آنها را در تگ code قرار دهید، در این حالت به موتورهای جستجو اعلام می کنید که محتوای درون code یک کد کامپیوتری می باشد.

برای تغییر ظاهر کدها می توانید از css استفاده کنید.

مثال:

 <p>The HTML <code>button</code> tag defines a clickable button.</p>
<p>The CSS <code>background-color</code> property defines the background color of an element.</p>


مثال شماره ۲ : استایل دادن به تگ code با استفاده از CSS

 <html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>The HTML <code>button</code> tag defines a clickable button.</p>
<p>The CSS <code>background-color</code> property defines the background color of an element.</p>
</body>
</html>


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

تگ <code> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی بله بله بله بله بله


پشتیبانی از ویژگی ها و رویدادهای عمومی

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


دستورات CSS پیش فرض

معمولا مرورگرها تگ code را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.

code {
  font-family: monospace;
}

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،

نظرات نظرات تا اطلاع ثانوی غیر فعال است.