*サンプルページ – コーディング用 - ショピラボウェブサイト

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

(1)ページ全体の基本スタイル

レイアウト

2段組

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

3段組

1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。
2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。
3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。
 HTMLコード<div class="div_3col">
  <div>1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。</div>
  <div>2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。</div>
  <div>3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。</div>
</div>

4段組

1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。
2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。
3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。
4つ目の要素が入ります。4つ目の要素が入ります。4つ目の要素が入ります。4つ目の要素が入ります。
 HTMLコード<div class="div_4col">
  <div>1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。1つ目の要素が入ります。</div>
  <div>2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。2つ目の要素が入ります。</div>
  <div>3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。3つ目の要素が入ります。</div>
  <div>4つ目の要素が入ります。4つ目の要素が入ります。4つ目の要素が入ります。4つ目の要素が入ります。</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
ご相談内容

内容(必須)

(2)汎用パーツ

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

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

パン屑リスト

編集ボタン/カテゴリ表示/投稿日付

目次

カテゴリースタイル

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

ブログカテゴリ

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

一覧カテゴリ

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

記事タイトル

記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。記事の説明が入ります。 […]

ページネーション

前後の記事

  次の記事
PAGE TOP