Elementy kodu komputerowego HTML
HTML zawiera kilka elementów do definiowania danych wejściowych użytkownika i kodu komputerowego.
Przykład
<code>
x = 5;
y = 6;
z = x + y;
</code>
HTML <kbd> do wprowadzania z klawiatury
Element HTML <kbd>służy do definiowania danych wejściowych z klawiatury. Zawartość jest wyświetlana w domyślnej czcionce o stałej szerokości w przeglądarce.
Przykład
Zdefiniuj tekst jako dane wejściowe z klawiatury w dokumencie:
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
Wynik:
HTML <samp> dla wyjścia programu
Element HTML <samp>służy do definiowania przykładowych danych wyjściowych z programu komputerowego. Zawartość jest wyświetlana w domyślnej czcionce o stałej szerokości w przeglądarce.
Przykład
Zdefiniuj tekst jako przykładowe wyjście z programu komputerowego w dokumencie:
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to
continue</samp></p>
Wynik:
File not found.
Press F1 to continue
HTML <kod> dla kodu komputerowego
Element HTML <code>służy do zdefiniowania fragmentu kodu komputerowego. Zawartość jest wyświetlana w domyślnej czcionce o stałej szerokości w przeglądarce.
Przykład
Zdefiniuj jakiś tekst jako kod komputerowy w dokumencie:
<code>
x = 5;
y = 6;
z = x + y;
</code>
Wynik:
x = 5;
y = 6;
z = x + y;
Zauważ, że <code>element nie zachowuje dodatkowych białych znaków i łamania linii.
Aby to naprawić, możesz umieścić <code>element wewnątrz <pre>elementu:
Przykład
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
Wynik:
x = 5;
y = 6;
z = x + y;
HTML <zmienna> dla zmiennych
Element HTML <var>służy do definiowania zmiennej w programowaniu lub w wyrażeniu matematycznym. Treść w środku jest zwykle wyświetlana kursywą.
Przykład
Zdefiniuj tekst jako zmienne w dokumencie:
<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var>
is the base, and <var>h</var> is the vertical height.</p>
Wynik:
Podsumowanie rozdziału
- Element
<kbd>definiuje wprowadzanie z klawiatury - Element
<samp>definiuje przykładowe dane wyjściowe z programu komputerowego - Element
<code>definiuje fragment kodu komputerowego - Element
<var>definiuje zmienną w programowaniu lub w wyrażeniu matematycznym - Element
<pre>definiuje wstępnie sformatowany tekst
Ćwiczenia HTML
Elementy kodu komputerowego HTML
| Tag | Description |
|---|---|
| <code> | Defines programming code |
| <kbd> | Defines keyboard input |
| <samp> | Defines computer output |
| <var> | Defines a variable |
| <pre> | Defines preformatted text |
Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .