HTML — کد (code)

آخرین بروزرسانی: 1404/08/07

کد (code)

تگ «کد (code)» برای نمایش «کد رایانه ای (Computer Code)» است. این تگ متن را با فونت «یک عرض (Monospace)» نشان می دهد. بنابراین خواندن کد راحت تر می شود. همچنین می توانی ظاهرش را با CSS تغییر بدهی.

نمونه ساده استفاده از تگ code

&lt;p&gt;The HTML &lt;code&gt;button&lt;/code&gt; tag defines a clickable button.&lt;/p&gt;
&lt;p&gt;The CSS &lt;code&gt;background-color&lt;/code&gt; property defines the background color of an element.&lt;/p&gt;

مشاهده در ادیتور

استایل دهی تگ code با CSS

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

مشاهده در ادیتور