قطعه کد HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه 23 نوامبر 2020
قطعه کد HTML

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

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

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

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

DefinesElement
کد رایانه<code>
خروجی رایانه<samp>
ورودی صفحه کلید<kbd>
متغیرها<var>
متن از پیش فرمت شده (به عنوان مثال ، یک بلوک کد HTML)<pre>

تگ ها برای قالب بندی کد 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 را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

دیدگاه کاربران

بدون دیدگاه


Notice: Undefined variable: user_ID in /home/devixir/public_html/wp-content/themes/DevixFullOne/comments.php on line 16