東久留米国際友好クラブ　テスト

■ タイトルのバリエーション

主要な活動（h2）

主要な活動（h2 class=”titlebar”）

主要な活動（h3）

主要な活動（h4）

主要な活動（p class=”bar”）

主要な活動（p class=”aligncenter”）（中央寄せ）

主要な活動（p class=”alignleft”）（左寄せ）

主要な活動（p class=”alignright”）（右寄せ）

主要な活動（<p class=”aligncenter”><span class=”bar”>文章</span></p>）（中央寄せ・タイトルバー付）

主要な活動（<p class=”alignright”><span class=”bar”>文章</span></p>）（右寄せ・タイトルバー付）

■ 写真のキャプション

食事中の風景（中央寄せ・タイトルバー付）

画像が縮小拡大される設定になっていますが、オリジナルのサイズよりも大きくなってしまう場合は、<p><img class=”aligncenter size-full wp-image-742″ src=”https://hif2012.net/wp/wp-content/uploads/2023/06/to-foreigners_1.jpg” alt=”” width=”150″ height=”112″ /></p>を<div><img class=”aligncenter size-full wp-image-742″ src=”https://hif2012.net/wp/wp-content/uploads/2023/06/to-foreigners_1.jpg” alt=”” width=”150″ height=”112″ /></div>のように、<div></div>で囲みます。

縮小もしたいが、オリジナルサイズよりも大きくしたくない場合は、<p><img class=”aligncenter size-full wp-image-742″ src=”https://hif2012.net/wp/wp-content/uploads/2023/06/to-foreigners_1.jpg” alt=”” width=”150″ height=”112″ /></p>というコードのなかに、style=”max-width:560px（オリジナルの最大サイズ）;width:100%;”　を入れる。

オリジナルは640px×480pxなので、style=”max-width:640px; width:100%;”とする。横640pxを最大として、自由に縮小拡大します。

■ テーブルのバリエーション

テーブル 1

テーブル 2

テーブル 3

テーブル 4

テーブル 5

■ 画像の横並び（ulを使い、左右に写真を配置）

■ 写真を横に並べるだけ（floatを使い、写真が横に並ぶように配置。キャプションはなし）（<p>も<div>を使わないで、写真を横に並べているだけ）

■ギャラリー（写真2枚、キャプション付）（<p>で画像を取り囲んでいます）（クリックすると、別画面で、写真が大きなサイズで開きます）（縮小・拡大します）（<p>の設定の影響を受け、写真と写真のあいだに空白ができまます）（元の写真のサイズは640px×480px）

■ギャラリー（写真2枚、キャプション付）（<div>で画像を取り囲んでいます）（クリックすると、別画面で、写真が大きなサイズで開きます）（縮小・拡大します）（<div>は何も設定していないので、写真と写真のあいだに空白ができません）（元の写真のサイズは640px×480px）

2023年5月　親子水いらず　家庭団らん
→ 拡大写真はこちらです。

2009年9月　家族揃って　楽しいひととき
→ 詳細はこちらです。

■ギャラリー（写真2枚、キャプション付）（<div>で画像を取り囲んでします）（クリックすると、別画面で、写真が大きなサイズで開きます）（縮小・拡大しません）（<div>は何も設定していませんので、写真と写真のあいだに空白ができません）（元の写真のサイズは640px×480px）

2023年5月　親子水いらず　家庭団らん
→ 拡大写真はこちらです。

2009年9月　家族揃って　楽しいひととき
→ 詳細はこちらです。

2009年9月　家族揃って　楽しいひととき
→ 詳細はこちらです。

■ギャラリー（写真3枚）（<p>で写真を囲んでいます）

■ギャラリー（写真4枚）（<div>で写真を囲んでいます）

親子水いらず　家庭団らん
→ 拡大写真はこちらです。

家族揃って　楽しいひととき
→ 拡大写真はこちらです。

2009年9月　親子水いらず　家庭団らん
→ 拡大写真はこちらです。

2023年5月　家族揃って　楽しいひととき
→ 拡大写真はこちらです。

■ギャラリー（写真5枚）（画像を取り囲むのに<p>も<div>も使っていません）

親子水いらず　家庭団らん
→ 拡大写真はこちらです。

家族揃って　楽しいひととき
→ 拡大写真はこちらです。

2009年9月　親子水いらず　家庭団らん
→ 拡大写真はこちらです。

2023年5月　家族揃って　楽しいひととき
→ 拡大写真はこちらです。

2009年9月　家族揃って　楽しいひととき
→ 拡大写真はこちらです。

■ギャラリー（写真6枚）（画像を取り囲むのに<p>も<div>も使っていません）

親子水いらず　家庭団らん
→ 拡大写真はこちらです。

家族揃って　楽しいひととき
→ 拡大写真はこちらです。

2009年9月　親子水いらず　家庭団らん
→ 拡大写真はこちらです。

2023年5月　家族揃って　楽しいひととき
→ 拡大写真はこちらです。

2009年9月　家族揃って　楽しいひととき
→ 拡大写真はこちらです。

2009年9月　親子水いらず　家庭団らん
→ 拡大写真はこちらです。

BOX

• • にほんご　きょうしつ
  • にほんご　ボランティアと　いっしょに　べんきょうします。きょうしつに　きてください。おとなの　クラスが　３つ　こどもの　クラスが　１つ　あります。

    
  • ▼　詳 細へ

  • ボランティア募集
  • 外国人の皆様の日本語学習のサポートなど、地域の草の根活動を行っています。在住外国人の地域生活支援に参加しませんか？外国語会話力や経験は不要です。

    
  • ▼　詳 細へ

• • がいこくじんの　みなさん
  • にほんごきょうしつ　あります。せいかつを　たすける　じょうほうも　あります。がっこうのこと　びょういんのこと　いろいろ　そうだん　できます。

    
  • ▼　詳 細へ

  • 多文化共生
  • ５０人に一人は外国人の時代。多文化共生とは何？から、セミナーやイベントや国・行政からのお知らせなどの地域生活を支える情報を掲載しています。

    
  • ▼　詳　細へ

■ 編集画面での画像の位置の指定（編集画面でCSSを直接指定）

■ 編集画面でのリストの指定（編集画面でCSSを直接指定）

リスト（基本）

• 1
• 2
• 3

リスト（入れ子）

• 1
  • 1
  • 2
  • 3
• 2
  • 1
  • 2
  • 3
• 3
  • 1
  • 2
  • 3

■ ul単独では横に長すぎるので、textとセットで利用

静岡県の特長について

• • 静岡　掛川
    • お茶1
    • お茶2
    • お茶3
  • 静岡　浜松
    • 餃子1
    • 餃子2
    • 餃子3
  • 静岡　熱海
    • 温泉1
    • 温泉2
    • 温泉3

  　雄大な富士山や日本一の深さの駿河湾といった自然環境が豊かで、海の幸、山の幸など食文化も豊かです。
  　また、ダイビングやサイクリング、キャンプなどアウトドアも充実しています。
  　東海道新幹線も３駅（新富士、三島、熱海）停車し、東名高速道路のICも複数あるので、首都圏への通勤・通学だけでなく、お買い物にもアクセス良好です。

■ ul単独では横に長すぎるので、tableとセットで利用

静岡県の特長について

• • 静岡　掛川
    • お茶1
    • お茶2
    • お茶3
  • 静岡　浜松
    • 餃子1
    • 餃子2
    • 餃子3
  • 静岡　熱海
    • 温泉1
    • 温泉2
    • 温泉3

  りんご	青森県	日本の果物
  いちご	栃木県	新種が多い
  みかん	愛媛県	健康に良い

■ ul単独では横に長すぎるので、写真とセットで利用

静岡県の特長について

• • 静岡　掛川
    • お茶1
    • お茶2
    • お茶3
  • 静岡　浜松
    • 餃子1
    • 餃子2
    • 餃子3
  • 静岡　熱海
    • 温泉1
    • 温泉2
    • 温泉3

  
  お茶の銘柄1

■ textとtableと写真とセットで利用

静岡県の特長について

• 　雄大な富士山や日本一の深さの駿河湾といった自然環境が豊かで、海の幸、山の幸など食文化も豊かです。
  　また、ダイビングやサイクリング、キャンプなどアウトドアも充実しています。
  　東海道新幹線も３駅（新富士、三島、熱海）停車し、東名高速道路のICも複数あるので、首都圏への通勤・通学だけでなく、お買い物にもアクセス良好です。

  静岡県の特産物

  りんご	青森県	日本の果物
  いちご	栃木県	新種が多い
  みかん	愛媛県	健康に良い

  
  お茶の銘柄1