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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/06/02 18:33:47
  • 終了:2013/06/09 18:35:06

回答(2件)

id:kuromajosan No.1

有希回答回数12ベストアンサー獲得回数02013/06/02 19:01:46

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

id:hiroto300 No.2

Hiroto回答回数357ベストアンサー獲得回数1002013/06/03 04:54:42スマートフォンから投稿

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

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

>|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;
}

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

この質問への反応(ブックマークコメント)

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません