メール告白を否定するサイト TOP

Hello world!

ここにテキストを入力していきます。
ここにテキストを入力していきます。ここにテキストを入力していきます。

value="http://www.youtube.com/v/XqCvjBjvmr0&hl=ja_JP&fs=1&"> name="allowFullScreen" value="true"> value="always"> src="http://www.youtube.com/v/XqCvjBjvmr0&hl=ja_JP&fs=1&" type="application/xshockwave-
flash" allowscriptaccess="always" allowfullscreen="true" width="640"
height="385">


ここにテキストを入力していきます。
ここにテキストを入力していきます。ここにテキストを入力していきます。

h3(見出し)を使うとこうなります。

ここにテキストを入力していきます。
ここにテキストを入力していきます。ここにテキストを入力していきます。
ここにテキストを入力していきます。
ここにテキストを入力していきます。ここにテキストを入力していきます。

更新情報の場合はこう使ってください。

  • 2009/11/05
    この最新情報の欄には、サイトの更
    新情報を書き込んでください
  • 2009/11/05
    この最新情報の欄には、サイトの更
    新情報を書き込んでください
  • 2009/11/05
    この最新情報の欄には、サイトの更
    新情報を書き込んでください
  • 2009/11/05
    この最新情報の欄には、サイトの更
    新情報を書き込んでください
  • 更新情報はRSSでも配信しております。

画像の回り込みの例(画像が左、テキストが右)

画像を回り込ま
せたい時には、<img class=”right” />で画像を囲めば、画像が右、テキストが左の配置
が可能です。
rightをleftにすれば、画像が左、テキストが右にできます。
画像よりテキストが長くなれば、必然的に画像のしたに回り込むような設定になっていま
す。
画像よりテキストが長くなれば、必然的に画像のしたに回り込むような設定になっていま
す。
画像よりテキストが長くなれば、必然的に画像のしたに回り込むような設定になっていま
す。

画像の回り込みの例(画像が右、テキストが左)

画像を回り込ま
せたい時には、<img class=”right” />で画像を囲めば、画像が右、テキストが左の配置
が可能です。
rightをleftにすれば、画像が左、テキストが右にできます。
画像よりテキストが長くなれば、必然的に画像のしたに回り込むような設定になっていま
す。
画像よりテキストが長くなれば、必然的に画像のしたに回り込むような設定になっていま
す。
画像よりテキストが長くなれば、必然的に画像のしたに回り込むような設定になっていま
す。

どこかから引用する場合

ここに引用の文章を入れましょう。
引用なのでそのまま引用してくださいね。

引用元:サイト名などを入れましょう。

その後は普通にこうやってテキストもかけます。
引用に対する意見なども書くこともできます。

定義タグ(dl、dt、dd)

定義タグを使った例です。
dlで囲って、定義をdtで囲い、その説明をddで記載します。

定義の見出し
定義の説明を書きましょう。dtにまつわることを書いたりしていきます。
リンクを入れる場合はこのように。
画像を使いたい場合

まず画像に、class=”left”を与えます。そして、次は普通にテキストを入力して、最後に
「dl」にclass=”clearfix”を与えます。clearfixは、floatを使った際の回りこみ解除の役割を
果たします。
画像を使ってもリンクは入れれます。

チェックリストしよう(ulとli、olとli)

ここではチェックリストの使い方です。
ulで囲って、それぞれ li を使ってリスト化していきます。

  • リスト1リスト1リスト1リスト1リスト1リスト1リスト1リスト1リスト1リス
    ト1リスト1リスト1リスト1リスト1リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5
  • リスト中にもリンクは設定できます。

テーブルタグを使う場合

テーブルタグを使う場合は以下のように使ってください。
tableで囲って、trが行です。thはその中でも見出しの役割を果たし、tdがそれぞれの列を
成します。

見出し1 見出し2 見出し3
見出しA 項目1 項目2
見出しB 項目3 項目4

テーブル内の各サイズは、必要な分だけ計算して入力してください。

その他、文字の装飾などについて

使える文字のカラー

それぞれ使える文字のカラー一覧。

赤色の文字
青色の文字
緑色の文字
黄色の文字
紺色の文字
黒色の文字
灰色の文字
紫色の文字
桃色の文字
橙色の文字
白色の文字
白色や黄色は、下にあるように背景付けて使いましょう

使える文字の背景カラー

使える文字の背景色一覧(文字は白で統一)

赤色の背景
青色の背景
緑色の背景
黄色の背景
紺色の背景
黒色の背景
灰色の背景
紫色の背景
桃色の背景
橙色の背景
白色の背景

文字のサイズの指定

使える文字のサイズ指定の一覧

90%の文字
100%の文字
110%の文字
120%の文字
130%の文字
140%の文字
150%の文字
160%の文字
170%の文字
180%の文字
190%の文字
200%の文字

テキストの装飾

打消し線や下線など装飾について

下線を引きます。
打ち消し線を引きます。

テキストの位置指定

右寄せや中央揃えなどの位置について

左寄せ

中央揃え

右寄せ

口コミの使い方

口コミの使い方~

こちらは、左パターンになります。
口コミ的なコメントを入力しましょう。
改行タグももちろん使うことができます。
その他、補足タグも使ってカラーなど付け加えたり、 class="bold">太字にしたりなど、好きに装飾できます。7行ほど書かないと、IE6
だと、人物が途中でとぎれてしまいますのでご注意ください。(IE6では、テキストのあ
るところまでが表示されす仕組みになっています)
注意点としては、段落的な使い方ができなくなっていますので、ご注意ください。
こちらは、右パターンになります。
口コミ的なコメントを入力しましょう。
改行タグももちろん使うことができます。
その他、補足タグも使ってカラーなど付け加えたり、 class="bold">太字にしたりなど、好きに装飾できます。7行ほど書かないと、IE6
だと、人物が途中でとぎれてしまいますのでご注意ください。(IE6では、テキストのあ
るところまでが表示されす仕組みになっています)
注意点としては、段落的な使い方ができなくなっていますので、ご注意ください。
こちらは、右寄せのテキスト表示になります。
長くなりすぎる分には問題は特にありません。

ランキングの使い方

ランキ<br />
ング1位
あいうえお
テキスト説明テキストテキスト説明テキストテキスト説明テキストテキスト説明テキ
ストテキスト説明テキストテキスト説明テキストテキスト
ランキ<br />
ング2位
あいうえおあいうえおあいうえおあいうえお
テキスト説明テキストテキスト説明テキストテキスト説明テキストテキスト説明テキ
ストテキスト説明テキストテキスト説明テキストテキスト
ランキ<br />
ング3位
あいうえお
テキスト説明テキストテキスト説明テキストテキスト説明テキストテキスト説明テキ
ストテキスト説明テキストテキスト説明テキストテキスト

通常記事サンプル1

ページの概要をここに記入

通常記事サンプル1 の続きを読む

固定型商品紹介(レビュー)ページサンプル*コピーしてお使いください

商品イメージ画像【教材名】 :教材タイトル 
【総合レビュー評価】 95点 

【ジャンル】 :ブログ
【対象者】 :初心者~
【価格】 :9,800円

固定型商品紹介(レビュー)ページサンプル*コピーしてお使いください の続きを読む

レビューサンプル2

商品イメージ画像【教材名】 :サンプル教材 
【総合レビュー評価】 80点 

【ジャンル】 :ブログ
【対象者】 :初心者~
【価格】 :19,800円

レビューサンプル2 の続きを読む

保護中: 【商材名】特典ダウンロード専用ページ(サンプル)

この投稿はパスワードで保護されています。表示するにはパスワードを入力してください:


保護中: 商品A購入者通信1

この投稿はパスワードで保護されています。表示するにはパスワードを入力してください:


素材サンプル一覧ページ

本テンプレートで使用できる素材の一覧ページです!あくまでもサイト運営者に対するサンプルページですのでサイト公開時には「下書き」で保存しなおしてください^^

素材サンプル一覧ページ の続きを読む

文字装飾一覧ページサンプル

本テンプレートで使用できる文字装飾一覧ページサンプルです!あくまでもサイト運営者に対するサンプルページですのでサイト公開時には「下書き」で保存しなおしてください^^

文字装飾一覧ページサンプル の続きを読む