高28回実習用見本のページ
表示テスト
表示テスト
表示テスト
表示テスト
2022年7月24日 写真などの投稿方法の実習
- 写真1枚の表示（そのままの大きさ）
- 写真1枚の表示（400ピクセル 右寄せ）
新校舎の屋上にも八角塔がある。
まさに小山台高校のシンボルだ。（28ピクセル）
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）
写真1枚の表示（300ピクセル サムネイル表示）
写真1枚の表示（200ピクセル サムネイル表示）文字列の回り込みなし
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。
画像ファイルにリンクを貼る （写真は100ピクセルの大きさにしました）
- アーカイブ内の他のページに飛ぶリンク
- ドロップボックス内のPDFファイルを表示するリンク
- 画像を使わないドロップボックス内のPDFファイルを表示するリンク（センタリングもしています）
複数の写真を並べて表示 ギャラリー機能
- <gallery>の中で幅と高さを指定します。 widths=200px heights=150px
３Ａ
３Ｂ
３Ｃ
３Ｄ
- <gallery>の中で幅だけを指定します。 widths=100px
３Ａ
３Ｂ
３Ｃ
３Ｄ
- <gallery mode="packed">で水平方向に整列（左寄せ）を指定。 horizontal-align:left
３Ａ
３Ｂ
３Ｃ
３Ｄ
- <gallery mode="packed">のみ。 水平方向の整列は中央ぞろえになる。
3A
3B
3C
3D
- 表 紙