最新情報
- 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倍」の大きさすることができます。
- ＜span class=”f12pt”＞で囲むと、フォントサイズを「12pt」することができます。
- link01 link02 link03 link04 link05 link06 link07 link08 link09 link10 link11 link12 link13 link14 link15 link16 link17 link18 link19 link20 link21 link22 link23 link24 link25 link26 link27 link28 link29 link30 link31 link32 link33 link34 link35 link36 link37 link38 link39 link40 link41 link42 link43 link44 link45 link46 link47 link48 link49 link50 link51 link52 link53 link54 link55