01
15
<pre>タグでソースを記入
このブログでもソースを色々書いていますが最初の頃はどうやってソースを載せるのか色々試行錯誤しました。タグをそのまま書くともちろんタグとして認識するのでタグの内容は表示されないし、空白はちゃんと反応しないし。
例えば<html>と入力したければ<html>と入力しなくてはならず非常に面倒です。ということで私はホームページビルダーの「ページ編集」でソースを書いて「HTML ソース」をコピーしています。
で、空白の問題は<pre>タグで解決できました。<pre>を使えば囲まれた内容は、そのままの形で表示されます。ただしタグは機能します。私はその<pre>タグにCSSを利用して下のようにタグを記入するようにしています。
で、空白の問題は<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;
}
















