日記・ブログでhtmlコードをその文のまま表示させる方法を教えてください。

Question

10

回答の条件

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません

有希 · Answer 1 · 2013-06-02T19:01:46+09:00

http://blogtool.flatlabs.net/source.html
このサイトにタグを入れて「入力したソースを変換する」を押すとコードが出てくるので、そのコードをコピペすればHTMLタグをそのまま表示することができますよ

Hiroto · Answer 2 · 2013-06-03T04:54:42+09:00

はてなの中のサイトであれば、はてな記法を使うのがオススメです。

下のように、コードを「>||」～「||<」で囲むとそのまま表示させることができます。(下の例では「||<」の前にスペースが空いていますが、うまく書けないため入れてあります)

>|html|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>サンプル></title>
</head>
<body>
これはサンプルです。
</body>
</html>
 ||<

次のように表示されます。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>サンプル></title>
</head>
<body>
これはサンプルです。
</body>
</html>

なお、「>||」の、「>|～|」にはプログラミング言語を記述します。htmlの他、JavaScriptやCSSなども可能です。

>|javascript|
(function() {
var a = "Hello!";
alert(a);
})();
 ||<
>|css|
body {
background-color: green;
}
 ||<

(function() {
var a = "Hello!";
alert(a);
})();

body {
background-color: green;
}

回答（2件）