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

提供:八中・小山台デジタルアーカイブ
ナビゲーションに移動 検索に移動

表示テスト(=1)

表示テスト(=2)

表示テスト(=3)

表示テスト(=4)

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

写真1枚の表示(そのままの大きさ)

ファイルの大きさのままで表示されます。

  

写真1枚の表示(400ピクセル 右寄せ)
大きさを400ピクセルに指定しました。

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









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

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



写真1枚の表示(200ピクセル サムネイル表示)文字列の回り込みなし
200ピクセルはこのくらいの大きさです

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


写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示
200ピクセルはこのくらいの大きさです

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






写真1枚の表示 文字列の回り込み 画像の右に文字列  サムネイル表示
200ピクセルはこのくらいの大きさです

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








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



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



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



<gallery mode="packed">のみ。
  • 3A

  • 3B

  • 3C

  • 3D

  • 3E

  • 3F

  • 3G

  • 3H

  • <gallery mode="packed">で水平方向に整列(左寄せ)を指定。 horizontal-align:left
  • 3A

  • 3B

  • 3C

  • 3D

  • 3E

  • 3F

  • 3G

  • 3H




  • 画像ファイルにリンクを貼る (写真は100ピクセルの大きさにしました)

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

    クリックすると「高28回のページ」に飛びます。

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


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



    画像を使ったドロップボックス内のPDFファイルを表示するリンク <--! 文字列が長いため途中で改行されてしまいました -->


    写真などの掲載方法についてのPDFファイルの表示



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

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

    高28回