Kod komputerowy w HTML

Podstawowe znaczniki kodu 💻

HTML ma kilka specjalnych znaczników do oznaczania kodu komputerowego:

• <code> – krótki fragment kodu w tekście,
• <pre> – zachowuje odstępy i nowe linie,
• <kbd> – to, co wpisuje użytkownik z klawiatury,
• <samp> – przykładowe dane wyjściowe programu,
• <var> – zmienna w kodzie lub wzorze.

Przykład

<p>Funkcja <code>printf()</code> wyswietla tekst.</p>

---

<pre> + <code>

Najczesciej laczymy <pre> i <code>, by wyswietlic blok kodu:

Przykład

<pre><code>
for (int i = 0; i < 10; i++) {
  printf("%d\n", i);
}
</code></pre>

<pre> zachowa wciecia i nowe linie.

---

Klawiatura i wynik programu

Przykład

<p>Nacisnij <kbd>Ctrl</kbd> + <kbd>S</kbd>, aby zapisac.</p>

<p>Program zwrocil: <samp>Access denied</samp></p>

---

Zmienne

Przykład

<p>Pole powierzchni kola: <var>S</var> = <var>π</var> * <var>r</var><sup>2</sup></p>

---

Ćwiczenie

1. Zapisz krotki algorytm w pseudokodzie, uzywajac <pre><code>.
2. Dodaj instrukcje z klawiszami (<kbd>).
3. Wyswietl przykladowy wynik jako <samp>.