قطعه کد HTML

عناصر قطعه کد HTML برای نمایش خروجی رایانه یا قطعات کد استفاده می شوند.

آنچه در مورد کد رایانه خاص است

به طور معمول ، HTML از اندازه نامه ها ، قلم ها و فاصله های مختلف استفاده می کند. می توانید آن را با ویژگی های CSS مانند font-size ، font-family و غیره تنظیم کنید.

کد رایانه HTML با اندازه ، قلم و فاصله ثابت نامه نمایش داده می شود. ممکن است بخواهید هنگام افزودن قطعه کد HTML در صفحه وب خود ، این شکل را تکرار کنید. چند عنصر HTML برای دستیابی به این هدف وجود دارد:

تگ ها برای قالب بندی کد HTML

تگ های <code> یک قطعه کد HTML را در وب سایت شما تعریف می کنند. متن داخل تگ ها <code> با قلم پیش فرض تک فضای نمایش داده می شود:

<!-- wp:code -->
<pre class="wp-block-code"><code></code></pre>
<!-- /wp:code -->

عنصر <samp> خروجی سیستم یا کامپیوتر را در سند HTML شما نشان می دهد. قلم ، اندازه و فاصله مانند سایر عناصر کد HTML باقی می مانند:

This is an output of a program ->
<samp>
 a + b + c = alotOfNumbers
</samp>

در حالی که از نظر فنی عنصر <kbd> قطعه ای از کد HTML را نیز تعریف می کند ، اما طبق نحو HTML ، فقط برای نمایش ورودی صفحه کلید باید استفاده شود:

Press <kbd>Ctrl + O</kbd> to open a document file

عنصر <var> یک متغیر را تعریف می کند. می تواند برای تعریف متغیرها در ریاضیات یا برنامه نویسی استفاده شود:

<p>Einstein's best known equation goes like this:
<var>E</var> = <var>mc</var><sup>2</sup></p>

از قبل قالب بندی بلوک های کد HTML

درست مانند عناصر <p> ، تگ های کد HTML نیز تمام فضاهای سفید و خطوط را نادیده می گیرند. اگر می خواهید ساختار یک بلوک کد HTML را با تورفتگی انتقال دهید ، باید عنصر <code> را در داخل یک عنصر <pre> قرار دهید:

<pre>
  <code>
    variables :
     a
     b
     c
 
    I can write my code anyway I like
    and the "pre" tag will keep it that way!
  </code>
</pre>

نکات مفید قطعه کد HTML

• اگر تنها چیزی که باید حفظ کنید یک خط شکسته است ، می توانید به جای اینکه از قبل از کل قالب بلوک کد HTML استفاده کنید ، از تگ <br> برای درج آن استفاده کنید.
• با استفاده از یک کتابخانه JavaScript ، مانند Highlight.js یا Prism.js ، می توانید نحو را در قطعه کد HTML خود برجسته کنید.

دوره رایگان html را در دویکس دنبال کنید.