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

提供: 八中・小山台デジタルアーカイブ
2022年7月24日 (日) 10:26時点におけるHk100admin (トーク | 投稿記録)による版 (ページの作成:「<!--=の数を変えるだけでなんと見出しの大きさを指定できますよ! --> = 見出し(=1個) = == 見出し(=2個) == === 見出し(=3個) === ==…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

見出し(=1個)

見出し(=2個)

見出し(=3個)

見出し(=4個)

見出し(=5個)
見出し(=6個)

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



  • widths=100px heights=100px で表示。
    キャプションに "<div style="text-align:center; >□□</div>" を入れてセンタリング。



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

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

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

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


    【実習テキスト】写真などの掲載方法について(PDFファイル)



    画像を使ったドロップボックス内のPDFファイル(実習テキスト)を表示するリンク 
    写真などの掲載方法について(PDFファイル)










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

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

    高28回