ソースコードをそのままブラウザに表示

HTML

ソースコードをそのままブラウザに表示させる方法を見ていきましょう(。・ω・。)ﾉ
色々な方法があるみたいですが、自分は"<"を"&lt;"として、無効化したほうが良いかな、と思います。
それぞれ開始タグと終了タグの先頭"<"を"&lt;"に差し替えましょう。


<!DOCTYPE html>
<html lang="ja">
<head>
　　　　<meta charset="UTF-8">
　　　　<title>ソースコードをそのままブラウザに表示</title>
</head>
<body>
<p>こんな感じにちゃんと表示されます！</p>
</body>
</html>
ソースコードを表示させることとは関係ない補足ですが、はてなブログなどで一部を枠で囲む方法は下記の記述で表現出来ます。
段落タグは無くても枠線で囲まれます。

<div style="border: 1px solid #887F53;">
　　　　<p>段落に対して枠線で囲まれます！</p>
</div>