高28回実習用見本のページ
表示テスト(=1)
表示テスト(=2)
表示テスト(=3)
表示テスト(=4)
2022年7月24日 写真などの投稿方法の実習
- 写真1枚の表示(そのままの大きさ)
- 写真1枚の表示(400ピクセル 右寄せ)
新校舎の屋上にも八角塔がある。
まさに小山台高校のシンボルだ。(28ピクセル)
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。(太字)
写真1枚の表示(300ピクセル サムネイル表示)
写真1枚の表示(200ピクセル サムネイル表示)文字列の回り込みなし
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
複数の写真を並べて表示 ギャラリー機能
- <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ファイルを表示するリンク