そのまま表示

表示例

ソース解説

■ HTML ファイルの作成

index.html

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>サンプル</title>
    </head>
    <body>
        <h1>サンプル</h1>

        <p>そのまま表示します。
            <hr>
            <pre>
   preタグは、スペースや改行をブラウザ上で表示することが出来ます。
ただし、HTMLのタグなどを表示したい場合は、タグ部分の
「&lt;」や「&gt;」は特殊文字を使用します。
            </pre>
            <hr>
        </p>

    </body>
</html>

 

ファイル名「index.html」、文字コードは「UTF-8」で保存して下さい。

タグと要素の説明

<pre> ~ </pre>
「preタグ」で囲まれた部分は、スペースや改行をブラウザ上で表示することが出来ます。
 ただし、HTMLのタグなどを表示したい場合は「<」や「>」は特殊文字を使用します。
「<」は「&lt;」を使用し、「>」は「&gt;」を使用します。