بازنمایی کد رایانه

          ابن حسام 
            بازدید : 269
          یکشنبه 20 مرداد 1398
           نظرات (0)
        

چندین عنصر وجود دارند که برای نشانه‌گذاری کد با استفاده از HTML استفاده می‌شوند.

<code> – برای نشانه‌گذاری بخش‌های معمولی کد رایانه استفاده می‌شود.
<pre> – برای حفظ فاصله‌های خالی (عموماً در بلوک‌های کد) استفاده می‌شود. اگر از تورفتگی یا فاصله‌های زیاد در متن کد خود استفاده کرده باشید، مرورگرها آن‌ها را نادیده می‌گیرند و در صفحه رندر شده آن‌ها را نمی‌توانید ببینید. اما اگر متن را درون تگ‌های </pre><pre> قرار دهید، فاصله‌های خالی دقیقاً همان طور که در ویرایشگر متن مشاهده می‌کنید، در صفحه وب رندر خواهند شد.
<var> برای نشانه‌گذاری خاص نام‌های متغیر
<kbd> – به طور خاص برای نشانه‌گذاری صفحه کلید و دیگر ورودی‌های وارد شده در رایانه
<smap> – برای نشانه‌گذاری خروجی یک برنامه‌ی رایانه‌ای

در ادامه مثال‌هایی از موارد فوق ارائه شده است. شما می‌توانید به بررسی و ایجاد تغییر در آن‌ها بپردازید.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<pre><code>varpara=document.querySelector('p');
 
para.onclick=function(){
  alert('Owww, stop poking me!');
}</code></pre>
 
<p>You shouldn'tusepresentational elements like<code>&lt;font&gt;</code>and<code>&lt;center&gt;</code>.</p>
 
<p>Inthe above JavaScript example,<var>para</var>representsaparagraph element.</p>
 
 
<p>Select all the text with<kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>A</kbd>.</p>
 
<pre>$<kbd>ping mozilla.org</kbd>
<samp>PING mozilla.org(63.245.215.20):56data bytes
64bytes from63.245.215.20:icmp_seq=0ttl=40time=158.233ms</samp></pre>