HTML Kompyuter Kode Elementlari

HTML foydalanuvchi kiritishi va kompyuter kodi uchun bir nechta elementlarni o'z ichiga oladi.

Misol

html

<code>
x = 5;
y = 6;
z = x + y;
</code>

HTML `<kbd>` Klaviatura Kiritishi Uchun

HTML <kbd> elementi klaviatura kiritishini belgilash uchun ishlatiladi. Ichidagi kontent brauzerning standart monospace shriftida ko'rsatiladi.

Misol

Hujjatda matnni klaviatura kiritishi sifatida belgilang:

html

<p>Hujjatni saqlash uchun <kbd>Ctrl + S</kbd> tugmalarini bosing</p>

Natija:

Hujjatni saqlash uchun Ctrl + S tugmalarini bosing

HTML `<samp>` Dastur Natijasi Uchun

HTML <samp> elementi kompyuter dasturidan namunaviy natijani belgilash uchun ishlatiladi. Ichidagi kontent brauzerning standart monospace shriftida ko'rsatiladi.

Misol

Hujjatda matnni dastur natijasi sifatida belgilang:

html

<p>Mening kompyuterimdan xabar:</p>
<p><samp>Fayl topilmadi.<br>Davom ettirish uchun F1 tugmasini bosing</samp></p>

Natija:

Mening kompyuterimdan xabar:
Fayl topilmadi. Davom ettirish uchun F1 tugmasini bosing

HTML `<code>` Kompyuter Kode Uchun

HTML <code> elementi kompyuter kodini belgilash uchun ishlatiladi. Ichidagi kontent brauzerning standart monospace shriftida ko'rsatiladi.

Misol

Hujjatda matnni kompyuter kodi sifatida belgilang:

html

<code>
x = 5;
y = 6;
z = x + y;
</code>

Natija:

x = 5; y = 6; z = x + y;

Qatorlarni Saqlash

E'tibor bering, <code> elementi ortiqcha bo'sh joy va qatorlarni saqlamaydi.

Agar ortiqcha bo'sh joy va qatorlarni saqlash kerak bo'lsa, <code> elementini <pre> elementi ichiga joylashtiring:

Misol

html

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Natija:


x = 5;
y = 6;
z = x + y;

HTML `<var>` O'zgaruvchilar Uchun

HTML <var> elementi dasturlash yoki matematik ifodada o'zgaruvchini belgilash uchun ishlatiladi. Ichidagi kontent odatda kursivda ko'rsatiladi.

Misol

Hujjatda matnni o'zgaruvchilar sifatida belgilang:

html

<p>
  Uchburchak yuzasi: 1/2 x <var>asos</var> x <var>balandlik</var>, bu yerda <var>asos</var> - asos uzunligi, <var>balandlik</var> - vertikal balandlik.
</p>

Natija:

Uchburchak yuzasi: 1/2 x asos x balandlik, bu yerda asos - asos uzunligi, balandlik - vertikal balandlik.

Bob Yakuni

<kbd> elementi klaviatura kiritishini belgilaydi
<samp> elementi kompyuter dasturidan natijani belgilaydi
<code> elementi kompyuter kodini belgilaydi
<var> elementi dasturlash yoki matematik ifodada o'zgaruvchini belgilaydi
<pre> elementi oldindan formatlangan matnni belgilaydi