人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: dora
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 有希

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


2 ● Hiroto

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

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

>|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;
}
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ