このページの先頭です

本文へ移動します

フッターへ移動します

ロゴ画像:社会福祉法人 横浜市社会福祉協議会

ロゴ画像:社会福祉法人 横浜市社会福祉協議会

メイン画像:横浜の風景

Default Page Sample

Default Page Sample

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

リスト

普通のリスト(ul)

番号付きリスト(ol)

  1. olリスト
  2. olリスト
  3. olリスト
  4. olリスト

リンク

シンプルなリンク

リンク

テキストの中に入っているリンクの確認です。

クラス名付与 .arrow

矢印リンク .arrow

拡張子で判別

.pdf

PDFリンク

.doc

WORDリンク

.rtf/またはクラス付与 .document

リッチテキストリンク .rtf

リッチテキストリンク .document

.xlsm/.xlsm/.xlsb/.xltx

Excelリンク

ボタンリンク

.btn00

ボタンリンク.btn00

.btn00+拡張子

ボタンリンク.btn00+PDF

ボタンリンク.btn00+WORD

ボタンリンク.btn00+リッチテキスト

ボタンリンク.btn00+Excel

.btn00+クラス.login

.btn01

ボタンリンク.btn01

 

テーブル

table caption
thead th thead th thead th
tbody th tbody td tbody td
tbody th tbody td tbody td
tbody th tbody td tbody td

セクション範囲

テキストが入ります

セクションの入れ子

テキストが入ります

赤いテキスト

原稿のページには度々赤文字が出てきます。なので、一応対応させる為のクラス.redを用意しました。テキストの途中を赤文字にさせたい場合はspanタグを使う事をお勧めします。

文章全体を赤文字にしたい場合は直接pタグやdiv、section等に.redを設定しても良いと思います。