درج کد در HTML با کمک المان <code>

المان <code> در HTML برای درج کد در صفحات وب به کار می‌رود. محتوای داخلی این المان به شکلی نمایش داده می‌شود که گویا یک قطعه کد کامپیوتری است. در واقع برای نمایش متن المان <code>، معمولا از فونت تک فاصله (یا مونواسپیس) پیشفرض در مرورگر استفاده می‌شود.

برای درج متن به عنوان کد در HTML کافیست مشابه با نمونه زیر، متن موردنظر را مابین تگ شروع <code> و تگ پایان </code> قرار دهید.

<p><code>fmod(a, b)</code> returns the remainder of a/b.</p>

نتیجه المان های فوق معمولا مشابه با تصویر زیر توسط مرورگر رندر می‌شود. در این مثال fmod(a, b) با فونت تک‌فاصله نمایان می‌شود.

یک نکته در مورد درج کد چند خطی در HTML

المان <code> به تنهایی و به صورت پیشفرض، متن خود را در یک خط به صورت اینلاین نمایش می‌دهد. برای نمایش کدهای چند خطی لازم است المان <code> را مشابه با مثال زیر داخل یک المان <pre> قرار دهید. (استفاده از المان <pre> باعث می‌شود فاصله‌های اضافی و خطوط موجود در متن حفظ شود).

<pre><code>$a = 5;
$b = 2;
$c = fmod($a, $b);</code></pre>

نتیجه مثال فوق نیز به صورت زیر خواهد بود:

بازگشت به فهرست مجموعه آموزشی HTML