利用者:IMmasayasu/sandboxのソースを表示

= 表示テスト =

== 表示テスト ==

=== 表示テスト ===

==== 表示テスト ====

----

:<gallery mode="packed" >
ファイル:高28回現在の校舎１.jpg|３Ａ 
ファイル:高28回現在の校舎１.jpg|３Ｂ
ファイル:高28回現在の校舎１.jpg|３Ｃ
ファイル:高28回現在の校舎１.jpg|３Ｄ
ファイル:高28回現在の校舎１.jpg|３Ｅ 
ファイル:高28回現在の校舎１.jpg|３Ｆ
ファイル:高28回現在の校舎１.jpg|３Ｇ
ファイル:高28回現在の校舎１.jpg|３Ｈ
</gallery>
<br>
<br>
<br>


----


<div style="margin:-210px 0 0 70px">
<div style="position: relative; height: 1%;">
<div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;">           <!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS  -->
  <div style="position: relative; margin: 0 auto; width: 1300px;height: 1%;">
<!-- この行の"width"で指定した数値が表示画面全体の横幅になります。 -->
<div style="position: relative; overflow: hidden; height: 150px;"><!-- この行の"height"の数値指定は<gallery>で指定する"height"の数値と合わせるとスッキリします -->
<div class='wrapper'>
<gallery mode="packed" widths=150px heights=150px perrow=18 ><!-- この行のサイズ指定が個々の画像サイズとなります。また、perrow=18の「18」はギャラリーで表示するファイルの数と同じにします。 -->
ファイル:19950318_高28_3B_クラス会015.jpg
ファイル:19950318_高28_3B_クラス会002.jpg
ファイル:19950318_高28_3B_クラス会003.jpg
ファイル:19950318_高28_3B_クラス会004.jpg
ファイル:19950318_高28_3B_クラス会005.jpg
ファイル:19950318_高28_3B_クラス会006.jpg
ファイル:19950318_高28_3B_クラス会007.jpg
ファイル:19950318_高28_3B_クラス会008.jpg
ファイル:19950318_高28_3B_クラス会009.jpg
ファイル:19950318_高28_3B_クラス会010.jpg
ファイル:19950318_高28_3B_クラス会011.jpg
ファイル:19950318_高28_3B_クラス会012.jpg
ファイル:19950318_高28_3B_クラス会013.jpg
ファイル:19950318_高28_3B_クラス会014.jpg
ファイル:19950318_高28_3B_クラス会001.jpg
ファイル:19950318_高28_3B_クラス会016.jpg
ファイル:19950318_高28_3B_クラス会017.jpg
ファイル:19950318_高28_3B_クラス会018.jpg
</gallery>
</div></div></div></div></div></div>
<br>

==2022年7月24日　写真などの投稿方法の実習==   <!-- "=="は見出しのレベル指定です。６レベルまであります。見本は上↑  --> 
<!-- ←これはソースの中にコメントを書くときに使います。編集時以外表示されません。→ -->

:写真1枚の表示（そのままの大きさ）      <!-- " : "を文章の前につけるとインデントを指定できます。: :: :::とやってみてください。-->
[[ファイル:高28回現在の校舎１.jpg|ファイルの大きさのままで表示されます。]]   
                            <!-- ↑　" | "の後ろはキャプションです。画像の上にマウスポインタを置くと表示されます。　-->
<br><br>　　<!-- <br>は「Break」のことで「強制改行」します。　-->

::写真1枚の表示（400ピクセル 右寄せ）
[[ファイル:高28回現在の校舎１.jpg|400px|right|大きさを400ピクセルに指定しました。]]  
<span style="font-size:28px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>（28ピクセル）<br>
<big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
'''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）'''</big>
<br><br><br><br><br><br>

<br><br><br>

====写真1枚の表示（300ピクセル　サムネイル表示）====
[[ファイル:高28回現在の校舎１.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
<br><br>

===== 写真1枚の表示（200ピクセル　サムネイル表示）文字列の回り込みなし =====
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br>

===== 写真1枚の表示　文字列の回り込み　画像の右に文字列　サムネイル表示 =====
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br><br><br><br><br>

===== 写真1枚の表示　文字列の回り込み　画像の右に文字列 　サムネイル表示 =====
[[ファイル:高28回現在の校舎１.jpg|thumb|200px|right|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br><br><br><br><br><br>


==== 複数の写真を並べて表示 　ギャラリー機能====
<br><br>　<!-- ソースを<nowiki>～</nowiki>で囲むと実行しないで文字列として表示します。-->
: <nowiki> <gallery>の中で幅と高さを指定します。  widths=200px heights=150px </nowiki> 
<!—- <gallery widths=200px heights=150px >   <--! <gallery>の中で幅と高さを指定します　-->
ファイル:高28回現在の校舎１.jpg|３Ａ 
ファイル:高28回現在の校舎１.jpg|３Ｂ
ファイル:高28回現在の校舎１.jpg|３Ｃ
ファイル:高28回現在の校舎１.jpg|３Ｄ
ファイル:高28回現在の校舎１.jpg|３Ｅ 
ファイル:高28回現在の校舎１.jpg|３Ｆ
ファイル:高28回現在の校舎１.jpg|３Ｇ
ファイル:高28回現在の校舎１.jpg|３Ｈ
</gallery>
<br>
<br>
—->