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

pre要素

HTML
2023.07.16

pre要素は、テキスト入力と同じ表示をブラウザに再現する事ができます。

preタグについての説明図
preタグに関して
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>pre要素について</title>
  </head>
  <body>
    <pre>
      〒999-9999
        ○○県○○市○○町    tomojiビル5F
      電話番号
        999-9999-9999
     </pre>
  </body>
</html>
出力結果
 〒999-9999
   ○○県○○市○○町    tomojiビル5F
 電話番号
   999-9999-9999

・半角スペース・タブ・改行は、半角スペース

HTML