アドセンスを使う場合、このエリアコードを貼り付けます。(横幅160px以下)
最新情報
- 9/3・・・「徒然日記」を更新しました!
- 9/2・・・「お問い合わせ」のページを追加しました!
- 9/1・・・サイトをリニューアルしました!
当サイトの更新情報をRSSで配信しています。
見出しタグ<h2>です。
<pre>タグを使った文章記述も可能です。 <pre>タグの設定は、main.cssの中で設定しています。 <pre>タグを使うと、メールマガジンなどの文章をそのまま貼り付け可能です。 <p>タグと<br />タグを組み合わせて文章を記述するか、 <pre>タグで文章を記述するか、ご自分のスタイル合った方式をお選び下さい。
●<preタグ>を使用するメリット
- ソース上の改行が、そのまま改行されて表示されるので、<br />の乱使用を防げる
- メールマガジンなど、ある程度整形された文章を、そのままコピー&ペースト可能
- <pre>タグの中でも、ほとんどのタグが使える
●デメリット
- 一行の文章が長すぎるとレイアウトからはみ出るため、ソース上で文章を改行する
- 「タブ」はスペースと認識されるので、<pre>タグ内の文章は余計な空白を空けない
- 文字サイズを変更するとレイアウトからはみ出るため、文字サイズを固定する必要がある
見出しタグ<h3>です。以下のコンテンツは10pxインデントしています。
画像を左、文章を右持ってくる場合は、
画像タグ「class=”left”」と追加します。
画像を左、文章を右持ってくる場合は、
画像タグ「class=”left”」と追加します。
文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。 文章。文章。文章。文章。
画像ももちろん貼り付け可能です。
文字の装飾も簡単です。以下のコンテンツは10pxインデントしています。
- <span class=”black”>で囲むと、文字色を黒く変更することができます。
- <span class=”red”>で囲むと、文字色を赤く変更することができます。
- <span class=”blue”>で囲むと、文字色を青く変更することができます。
- <span class=”green”>で囲むと、文字色を緑変更することができます。
- <span class=”yellow”>で囲むと、文字色を黄色く変更することができます。
- <span class=”gray”>で囲むと、文字色を灰色変更することができます。
- <span class=”orange”>で囲むと、文字色をオレンジ変更することができます。
- <span class=”pink”>で囲むと、文字色をピンク変更することができます。
- <span class=”purple”>で囲むと、文字色を紫変更することができます。
- <span class=”olive”>で囲むと、文字色を黄土色変更することができます。
- <span class=”lime”>で囲むと、文字色を黄緑変更することができます。
- <span class=”aqua”>で囲むと、文字色を水色変更することができます。
- <span class=”b”>で囲むと、文字を太字することができます。
- <span class=”big”>で囲むと、文字を「1,2倍」の大きさすることができます。
- <span class=”big2”>で囲むと、文字を「1,5倍」の大きさすることができます。
- <span class=”big3”>で囲むと、文字を「1,8倍」の大きさすることができます。
- <span class=”small”>で囲むと、文字を「0.8倍」の大きさすることができます。
