Elementy kodu komputerowego HTML

Kod komputerowy

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

Format kodu komputerowego HTML

Zwykle, HTML używaZmiennyrozmiaru liter oraz zmiennych odstępów między literami.

W wyświetlaniuKod komputerowyW przykładach nie jest to konieczne.

<kbd>, <samp>, oraz <code> Wszystkie elementy obsługują stały rozmiar liter i odstępy.

Format klawiatury HTML

HTML <kbd> Definicja elementuWprowadzenie za pomocą klawiatury

Przykład

<p>Do otworzenia pliku wybierz:</p>
<p><kbd>File | Open...</kbd></p>

Spróbuj sam

Format szablonu HTML

HTML <samp> Definicja elementuPrzykład wyjścia komputerowego

Przykład

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

Spróbuj sam

Format kodu HTML

HTML <code> Definicja elementuPrzykład kodu programowego

Przykład

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

Spróbuj sam

<code> elementnie zachowuje sięnadmiarowespacjeiZłamanie linii

Przykład

Przykład kodu:

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

Spróbuj sam

Aby rozwiązać ten problem, musisz otoczyć kod w elemencie <pre>:

Przykład

Przykład kodu:

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

Spróbuj sam

Formatowanie zmiennej HTML

HTML <var> Definicja elementuZmienna matematyczna

Przykład

<p>Einstein napisał:</p>
<p><var>E = m c<sup>2</sup></var></p>

Spróbuj sam

Elementy kodu komputerowego HTML

Etykieta Opis
<code> Definicja tekstu kodu komputerowego
<kbd> Definicja tekstu klawiatury
<samp> Definicja przykładowego kodu komputerowego
<var> Definicja zmiennej
<pre> Definicja wstępnie sformatowanego tekstu