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

• 2017年1月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

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

本文

通常

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

インラインテキスト

マーク
打消し
下線
小テキスト
強調
斜字

リンク

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

位置調整

左寄せ

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

中央揃え

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

右寄せ

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

引用

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

リスト

箇条書きリスト

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

順序ありリスト

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

定義リスト

定義

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

定義

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

定義

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

テーブル

基本テーブル

フォームスタイル

標準フォーム

（２）汎用パーツ

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

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

カテゴリースタイル

投稿下スタイル

お問い合わせリンク

宮川英之事務所

宮川英之 社会保険労務士(特定)・行政書士事務所公式ウェブサイトです。

山口助成金支援センター

山口市にて助成金申請のプロである社労士が助成金の申請支援を行っております。

山口障害年金相談センター

障害年金の受給や申請などのお手伝い、お悩みの相談伺いを行っております。

山口給与計算支援センター

企業における日々の給与計算や年末調整、確定申告に必要な手続きを代行致します。

株式会社ベリーヒューマン

山口市【湯のまち倶楽部】美祢市【天宿温泉デイサービス】訪問医療マッサージ【KEIROW】

ヒューマン・グローバル事業協同組合

ヒューマングローバル事業協同組合（山口県山口市）は外国人技能実習制度による技能実習生の受け入れをサポート及び監理する協同組合です。