Tag <code> HTML
Definicja i użycie
<code>
Tag używany do zdefiniowania odcinka kodu komputerowego, jego zawartość jest wyświetlana w domyślnym czcionce o szerokim kroju przeglądarki.
Wskazówka:Ten tag nie został zdeprecjonowany. Ale można go osiągnąć bardziej bogate efekty za pomocą CSS (zobacz poniższy przykład).
Zobacz również:
Tag | Opis |
---|---|
<samp> | Zdefiniuj przykładowy wyjście programu komputerowego. |
<kbd> | Zdefiniuj wejście klawiatury. |
<var> | Zdefiniuj zmienną. |
<pre> | Zdefiniuj tekst wstępnie sformatowany. |
Zobacz również:
Kurs HTML:Formatowanie tekstu HTML
Przeglądarka HTML DOM:Obiekt Code
Przykład
Przykład 1
Zdefiniuj niektóre teksty jako kod komputerowy w dokumencie:
<p>Tag <code>button</code> HTML definiuje klikalny przycisk.</p> <p>W HTML atrybut <code>background-color</code> definiuje kolor tła elementu.</p>
Przykład 2
Użyj CSS do ustawienia stylu elementu <code>:
<html> <head> <style> code { font-family: Consolas,"courier new"; color: crimson; background-color: #f1f1f1; padding: 2px; font-size: 105%; } </style> </head> <body> <p>Tag <code>button</code> HTML definiuje klikalny przycisk.</p> <p>W HTML atrybut <code>background-color</code> definiuje kolor tła elementu.</p> </body> </html>
Globalne atrybuty
<code>
Tagi obsługują również Globalne atrybuty HTML.
Atrybuty wydarzeń
<code>
Tagi obsługują również Atrybuty wydarzeń w HTML.
Domyślne ustawienia CSS
Większość przeglądarek będzie używała następujących domyślnych wartości do wyświetlania <code>
Element:
code { font-family: monospace; }
Obsługa przeglądarek
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Wsparcie | Wsparcie | Wsparcie | Wsparcie | Wsparcie |