*サンプルページ – コーディング用

• 2017.01.15

（１）ページ全体の基本スタイル

レイアウト

2段組

 HTMLコード<div class="div_2col">
  <div>１つ目の要素が入ります。１つ目の要素が入ります。１つ目の要素が入ります。１つ目の要素が入ります。</div>
  <div>２つ目の要素が入ります。２つ目の要素が入ります。２つ目の要素が入ります。２つ目の要素が入ります。</div>
</div>

3段組

 HTMLコード<div class="div_3col">
  <div>１つ目の要素が入ります。１つ目の要素が入ります。１つ目の要素が入ります。１つ目の要素が入ります。</div>
  <div>２つ目の要素が入ります。２つ目の要素が入ります。２つ目の要素が入ります。２つ目の要素が入ります。</div>
  <div>３つ目の要素が入ります。３つ目の要素が入ります。３つ目の要素が入ります。３つ目の要素が入ります。</div>
</div>

4段組

 HTMLコード<div class="div_4col">
  <div>１つ目の要素が入ります。１つ目の要素が入ります。１つ目の要素が入ります。１つ目の要素が入ります。</div>
  <div>２つ目の要素が入ります。２つ目の要素が入ります。２つ目の要素が入ります。２つ目の要素が入ります。</div>
  <div>３つ目の要素が入ります。３つ目の要素が入ります。３つ目の要素が入ります。３つ目の要素が入ります。</div>
  <div>４つ目の要素が入ります。４つ目の要素が入ります。４つ目の要素が入ります。４つ目の要素が入ります。</div>
</div>

見出し

見出し2

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

見出し3

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

見出し4

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

見出し5

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

見出し6

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

本文

通常

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

インラインテキスト

強調
打消し
小テキスト

 HTMLコード<strong>強調</strong>
<del datetime="2018-11-04T08:21:00+00:00">打消し</del>
<small>小テキスト</small>

リンク

外部リンク
PDFファイルへのリンク
Wordファイルへのリンク
Excelファイルへのリンク
zipファイルへのリンク
メールリンク
TELリンク

※画像の場合はマーク無し

位置調整

左寄せ

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

中央揃え

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

右寄せ

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

引用

引用

引用見出し
引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。

リスト

箇条書きリスト

• 箇条書き1
• 箇条書き2
• 箇条書き3

順序ありリスト

1. 箇条書き1
2. 箇条書き2
3. 箇条書き3

定義リスト

定義

定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。

定義

定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。

定義

定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。

テーブル

基本テーブル

テーブル見出し (説明説明説明説明)	テーブル見出し (説明説明説明説明)	テーブル見出し
テーブル見出し	テーブル見出し	テーブル見出し
テーブル見出し	テーブルのデータ	テーブルのデータ
テーブル見出し	テーブルのデータ	テーブルのデータ

フォームスタイル

標準フォーム

会社名
お名前（必須）
性別	男性 女性
メールアドレス
メールアドレス(確認)
郵便番号
都道府県
市町村
その他住所
TEL（必須）	– –
FAX	– –
ご相談内容	相談1 相談2 その他
内容（必須）

（２）汎用パーツ

投稿・固定ページスタイル

※こちらのゾーンは.pageで区切られています。

カテゴリースタイル