آموزش تگ 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>