高28回実習用見本のページ

表示テスト(=1)

2022年7月24日　写真などの投稿方法の実習

写真1枚の表示（そのままの大きさ）

　　

写真1枚の表示（400ピクセル 右寄せ）

新校舎の屋上にも八角塔がある。
まさに小山台高校のシンボルだ。（28ピクセル）
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）

写真1枚の表示（300ピクセル　サムネイル表示）

300ピクセルはこのくらいの大きさです

写真1枚の表示（200ピクセル　サムネイル表示）文字列の回り込みなし

200ピクセルはこのくらいの大きさです

新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。

写真1枚の表示　文字列の回り込み　画像の右に文字列　サムネイル表示

200ピクセルはこのくらいの大きさです

新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。

写真1枚の表示　文字列の回り込み　画像の右に文字列 　サムネイル表示

200ピクセルはこのくらいの大きさです

新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。

複数の写真を並べて表示 　ギャラリー機能

　

<gallery>の中で幅と高さを指定します。 widths=200px heights=150px

• 

  ３Ａ

• 

  ３Ｂ

• 

  ３Ｃ

• 

  ３Ｄ

• 

  ３Ｅ

• 

  ３Ｆ

• 

  ３Ｇ

• 

  ３Ｈ

<gallery>の中で幅だけを指定します。 widths=100px

• 

  ３Ａ

• 

  ３Ｂ

• 

  ３Ｃ

• 

  ３Ｄ

• 

  ３Ｅ

• 

  ３Ｆ

• 

  ３Ｇ

• 

  ３Ｈ

<gallery mode="packed">のみ。

３Ａ

３Ｂ

３Ｃ

３Ｄ

３Ｅ

３Ｆ

３Ｇ

３Ｈ

<gallery mode="packed">で水平方向に整列（右寄せ）を指定。　horizontal-align:right

３Ａ

３Ｂ

３Ｃ

３Ｄ

３Ｅ

３Ｆ

３Ｇ

３Ｈ

widths=100px heights=100px で表示。

キャプションに "<div style="text-align:center; >□□</div>" を入れてセンタリング。

• 

  ３Ａ
• 

  ３Ｂ
• 

  ３Ｃ
• 

  ３Ｄ
• 

  ３Ｅ
• 

  ３Ｆ
• 

  ３Ｇ
• 

  ３Ｈ

画像ファイルにリンクを貼る

アーカイブ内の他のページに飛ぶリンク

ドロップボックス内のPDFファイルを表示するリンク（センタリングもしています）

写真などの掲載方法について

画像を使ったドロップボックス内のPDFファイルを表示するリンク　

写真などの掲載方法について

---

↑「発掘写真投稿場所」へ戻る

↑↑「高28回のページ」へ戻る

高28回