MENU
  1. ホーム
  2. HTML
  3. code要素

code要素

HTML
2023.07.30

code要素は、プログラミングのソースコードを示す際に使用される要素になります。
※ファイル名や要素名などにも使用される

code要素の説明図
code要素
記法

<code>コンピュータで認識可能な文字列</code>

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./main.css">
    <title>code要素に関して</title>
  </head>

  <body>
    <p>
      JavaScriptでのログ出力は<code>console.log('こんにちは')</code>と記載します。
    </p>
  </body>
</html>
code {
     background-color: #F7F7F7;
     padding: 0.2em 0.8em;
     border: 1px solid #E1E1E1;
}
出力結果
code要素に関して

JavaScriptでのログ出力はconsole.log('こんにちは')と記載します。

複数行のソースコードなどを表示する場合は、pre要素のタグで囲いましょう

HTML