وانەی ٢١: پیشاندانی کۆد: pre و code

«کاتێک لەناو ڕستەیەکدا باس لە پارچەیەک کۆد دەکەین، توخمی <code> بەکاردەهێنین بۆ ئەوەی دیاری بکەین ئەم بەشە کۆدی کۆمپیوتەرە. وێبگەڕ بە شێوەی بنەڕەتی بە فۆنتێکی تایبەت پیشانی دەدات کە پیت و هێماکانی پانییەکی یەکسان داگیر دەکەن.»

<p>جیاوازی نیشاندانی نووسینەکە ببینە <code dir="ltr"> وێبگەڕ ئەم نووسینە وەک کۆد نیشان دەدات </code> .</p>
<p>توخمی <code dir="ltr">&lt;p&gt;</code> بۆ پەرەگراف بەکاربهێنە.</p>

لە وانەی ٤ بینیمان کە لە پەرەگرافێکی ئاساییدا، چەند بۆشایی یان دێڕی نوێ لەناو کۆدەکەدا زۆرجار وەک یەک بۆشایی پیشان دەدرێن. ئەمە بۆ کۆد کێشەیە، چونکە بۆشایی و دێڕەکان گرنگن.

<pre>
چایخانە
  شەقامی باخ، ژمارە ١٢
    هەموو ڕۆژێک کراوەیە
</pre>

<code> دیاری دەکات کە تێکستەکە کۆدە، و <pre> بۆشایی و دێڕەکانی دەپارێزێت. بەڵام ئەگەر تاگی HTML لەناویاندا بنووسین، وێبگەڕ هەر وەک تاگ لێی تێدەگات. بۆیە بۆ پیشاندانی خودی تاگەکان، < و > بەکاردەهێنین.

<pre dir="ltr"><code>&lt;p&gt;
  Tea time
&lt;/p&gt;</code></pre>

هەڵەیەکی باو: ئەگەر < بە < نەگۆڕیت، وێبگەڕ لەوانەیە نموونەکەت وەک تاگی HTML لێک بداتەوە، لەجیاتی ئەوەی وەک تێکست پیشانی بدات. 

پوختە

• <code> تێکست وەک کۆدی کۆمپیوتەر دیاری دەکات، بە فۆنتی کۆد.
• <pre> شێوازی تێکستەکە دەپارێزێت، لەوانە بۆشایی و دێڕەکان.
• بۆ بلۆکێکی کۆد، <code> لەناو <pre> دابنێ.
• هیچ یەکێک لە دوو توخمەکە ڕێگری ناکات لەوەی وێبگەڕ HTML بخوێنێتەوە، بۆیە < و > بەکاربهێنە بۆ پیشاندانی کەوانە تیژەکان.

ڕاهێنان

١. پارچەیەکی سێ دێڕی HTML لەسەر لاپەڕەکەت پیشان بدە، بە بۆشای و دێڕی بەتاڵی زیادەوە. 

٢. ڕستەیەک بنووسە کە تاگێک لەناو <code> باس بکات. 

٣. بە ئەنقەست یەک < بەبێ گۆڕین بهێڵەرەوە، ببینە چی ڕوو دەدات، و چاکی بکەرەوە.

<!doctype html>
<html lang="ckb" dir="rtl">

<head>
    <meta charset="UTF-8" />
    <title>ڕێبەری چا</title>
</head>

<body>
    <h1>ڕێبەری چا</h1>
    <p>توخمی <code dir="ltr">&lt;p&gt;</code> بۆ پەرەگراف بەکاربهێنە.</p>
    <pre dir="ltr"><code>&lt;p&gt;
  Tea time
&lt;/p&gt;</code></pre>
</body>

</html>