01

15

<pre>タグでソースを記入

はてなブックマークに追加 Yahoo!ブックマークに登録 このエントリをlivedoorクリップに登録  2008-01-15
 このブログでもソースを色々書いていますが最初の頃はどうやってソースを載せるのか色々試行錯誤しました。タグをそのまま書くともちろんタグとして認識するのでタグの内容は表示されないし、空白はちゃんと反応しないし。
 例えば<html>と入力したければ&lt;html&gt;と入力しなくてはならず非常に面倒です。ということで私はホームページビルダーの「ページ編集」でソースを書いて「HTML ソース」をコピーしています。

 で、空白の問題は<pre>タグで解決できました。<pre>を使えば囲まれた内容は、そのままの形で表示されます。ただしタグは機能します。私はその<pre>タグにCSSを利用して下のようにタグを記入するようにしています。
pre{
background-color : #f0f0ff;
line-height: 120%;
padding : 7px 5px 5px 10px;
margin : 20px 10px 25px 10px;
border : 1px solid #d7d7ff;
font-size : 11px;
width : auto;
overflow: scroll;
height : auto;
}
にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ fc2ブログランキングへ
関連エントリー
コメント












管理者にだけ表示を許可する
トラックバック
トラックバックURL:
http://weboook.blog22.fc2.com/tb.php/31-a61cb4a1
≪ トップページへこのページの先頭へ  ≫
sponsored

カテゴリー
タグランキング

最近のコメント
最近のトラックバック
月別アーカイブ
ブログパーツ色々
フィードメーター - レッツFC2ブログ! track feed

過去ログ +