Website title(サイト名)

サイトの説明。ようこそいらっしゃいませ。Welcome to my website.


カラーサンプル(Color Sample)

カラーサンプル(Color Sample)

1カラム⇒Red--Blue--Grey 2カラム⇒Blue

1カラム⇒ディスプレイ幅580px以下でドロップダウンメニュー。2カラム⇒800px以下で1カラム。
※背景色半透過ブロックのタグ⇒div class="subblock"
※背景画像は(幅1920px高さ1280px)を使用しています。 画像配布サイト様⇒Pixabay(CC0)


Novels(小説)

作品タイトル1

01--02--03--04--05

ジャンル。長さ。作品の説明。更新日。


Novels(小説)

作品タイトル2
01--02--03--04--05
ジャン・クリストフ
ジャンル。長さ。作品の説明。更新日。

Gallery&Column


Information

.memo
お知らせ・更新履歴などに。
高さが150pxを超えると、スクロールになります。
20xx/5/1 ○○○更新
20xx年13月88日 ○○○更新
サンプル
サンプル
Sample text

↓サンプルタグ↓

h1 見出し1

h2 見出し2

h3 見出し3

h4 見出し4

h5 見出し5
h6 見出し6
b 太字 i 斜体 em 強調 strong 重要 ins 追加 s 取消 u 下線 small 文字を小さく a href テキストリンク
blockquote 引用文 blockquote 引用文 blockquote 引用文
引用元サイト:出典
  • li リスト1
  • li リスト2
  • li リスト3
    • ul class="list1"
      リスト1
    • リスト2
    • リスト3
    1. ol class="list2"
      番号付きリスト1
    2. 番号付きリスト2
    3. 番号付きリスト3
    dt class="dt1" 定義リスト (class="dl1"定義の範囲)
    span class="dt1span" 定義リスト装飾タグ
    dd class="dd1" 定義の説明 定義の説明
    ↓hr class="hr1" ライン↓

    ↓hr class="hr2" ライン↓

    ↓hr class="hr3" ライン↓(ボーダ無。隙間が欲しい時の調整用)

    p class="p1" サンプルテキスト。段落・文章をまとめたいときに。枠無し。

    p class="p2" サンプルテキスト。段落・文章をまとめたいときに。二重線枠。

    p class="p3" サンプルテキスト。段落・文章をまとめたいときに。点線枠。


    .memo
    お知らせ・更新履歴などに。
    高さが150pxを超えると、スクロールになります。
    サンプル
    サンプル
    サンプル
    サンプル

    ↓img class="img1"↓
    リンクバナー

    About Link

    当サイトへのリンクについて

    リンクはご自由にどうぞ。同ジャンルサイト様のみリンクOK。検索避け対策済サイト様のみリンク可。
    About Link
    リンクバナー
    ・サイト名○○○
    ・管理人名◎◎◎
    ・URL http://www......

    Bookmark(お気に入りサイト)

    Site Name/Site Name/Site Name/Site Name/Site Name/
    Links(リンク集)
    リンクバナーお気に入り。素敵なサイト様です。
    リンクバナーお気に入り。素敵なサイト様です。

    counter(カウンター)

    0123456789
    Page Top