「高28回実習用見本のページ」の版間の差分
ナビゲーションに移動
検索に移動
IMmasayasu (トーク | 投稿記録) |
IMmasayasu (トーク | 投稿記録) |
||
| (同じ利用者による、間の39版が非表示) | |||
| 1行目: | 1行目: | ||
==2022年7月24日 写真などの投稿方法の実習== <!-- "==" | <!--＝の数を変えるだけでなんと見出しの大きさを指定できますよ！ --> | ||
= 見出し(=1個) = | |||
== 見出し(=2個) == | |||
=== 見出し(=3個) === | |||
==== 見出し(=4個) ==== | |||
===== 見出し(=5個) ===== | |||
====== 見出し(=6個) ====== | |||
==2022年7月24日 写真などの投稿方法の実習== <!-- "=="は見出しのレベル指定です。６レベルまであります。見本は上↑ --> | |||
<!-- ←これはソースの中にコメントを書くときに使います。編集時以外表示されません。→ --> | <!-- ←これはソースの中にコメントを書くときに使います。編集時以外表示されません。→ --> | ||
| 7行目: | 20行目: | ||
<br><br> <!-- <br>は「Break」のことで「強制改行」します。 --> | <br><br> <!-- <br>は「Break」のことで「強制改行」します。 --> | ||
::写真1枚の表示（400ピクセル | ::写真1枚の表示（400ピクセル 右寄せ） | ||
[[ファイル:高28回現在の校舎１.jpg|400px| | [[ファイル:高28回現在の校舎１.jpg|400px|right|大きさを400ピクセルに指定しました。]] | ||
<span style="font-size:28px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>（28ピクセル）<br> | <span style="font-size:28px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>（28ピクセル）<br> | ||
<big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br> | <big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br> | ||
'''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）'''</big> | '''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）'''</big> | ||
<br><br><br><br><br><br> | <br><br><br><br><br><br> | ||
<br><br><br> | |||
====写真1枚の表示（300ピクセル サムネイル表示）==== | ====写真1枚の表示（300ピクセル サムネイル表示）==== | ||
| 42行目: | 57行目: | ||
<br><br><br><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>の中で幅と高さを指定します --> | <gallery widths=200px heights=150px > <--! <gallery>の中で幅と高さを指定します --> | ||
ファイル:高28回現在の校舎１.jpg|３Ａ | ファイル:高28回現在の校舎１.jpg|３Ａ | ||
| 62行目: | 66行目: | ||
ファイル:高28回現在の校舎１.jpg|３Ｃ | ファイル:高28回現在の校舎１.jpg|３Ｃ | ||
ファイル:高28回現在の校舎１.jpg|３Ｄ | ファイル:高28回現在の校舎１.jpg|３Ｄ | ||
ファイル:高28回現在の校舎１.jpg|３Ｅ | |||
ファイル:高28回現在の校舎１.jpg|３Ｆ | |||
ファイル:高28回現在の校舎１.jpg|３Ｇ | |||
ファイル:高28回現在の校舎１.jpg|３Ｈ | |||
</gallery> | |||
<br> | |||
<br> | |||
: <nowiki> <gallery>の中で幅だけを指定します。 widths=100px </nowiki> | |||
<gallery widths=100px> <--! <gallery>の中で幅だけを指定します --> | |||
ファイル:高28回現在の校舎１.jpg|３Ａ | |||
ファイル:高28回現在の校舎１.jpg|３Ｂ | |||
ファイル:高28回現在の校舎１.jpg|３Ｃ | |||
ファイル:高28回現在の校舎１.jpg|３Ｄ | |||
ファイル:高28回現在の校舎１.jpg|３Ｅ | |||
ファイル:高28回現在の校舎１.jpg|３Ｆ | |||
ファイル:高28回現在の校舎１.jpg|３Ｇ | |||
ファイル:高28回現在の校舎１.jpg|３Ｈ | |||
</gallery> | </gallery> | ||
<br><br> | <br><br> | ||
<gallery mode="packed" > | : <nowiki> <gallery mode="packed">のみ。 </nowiki> | ||
:<gallery mode="packed" > | |||
ファイル:高28回現在の校舎１.jpg|３Ａ | ファイル:高28回現在の校舎１.jpg|３Ａ | ||
ファイル:高28回現在の校舎１.jpg|３Ｂ | ファイル:高28回現在の校舎１.jpg|３Ｂ | ||
ファイル:高28回現在の校舎１.jpg|３Ｃ | ファイル:高28回現在の校舎１.jpg|３Ｃ | ||
ファイル:高28回現在の校舎１.jpg|３Ｄ | ファイル:高28回現在の校舎１.jpg|３Ｄ | ||
ファイル:高28回現在の校舎１.jpg|３Ｅ | |||
ファイル:高28回現在の校舎１.jpg|３Ｆ | |||
ファイル:高28回現在の校舎１.jpg|３Ｇ | |||
ファイル:高28回現在の校舎１.jpg|３Ｈ | |||
</gallery> | </gallery> | ||
<gallery mode="packed" > | : <nowiki> <gallery mode="packed">で水平方向に整列（左寄せ）を指定。 horizontal-align:left </nowiki> | ||
:<gallery mode="packed; horizontal-align:left;" > | |||
ファイル:高28回現在の校舎１.jpg|３Ａ | ファイル:高28回現在の校舎１.jpg|３Ａ | ||
ファイル:高28回現在の校舎１.jpg|３Ｂ | ファイル:高28回現在の校舎１.jpg|３Ｂ | ||
ファイル:高28回現在の校舎１.jpg|３Ｃ | ファイル:高28回現在の校舎１.jpg|３Ｃ | ||
ファイル:高28回現在の校舎１.jpg|３Ｄ | ファイル:高28回現在の校舎１.jpg|３Ｄ | ||
ファイル:高28回現在の校舎１.jpg|３Ｅ | |||
ファイル:高28回現在の校舎１.jpg|３Ｆ | |||
ファイル:高28回現在の校舎１.jpg|３Ｇ | |||
ファイル:高28回現在の校舎１.jpg|３Ｈ | |||
</gallery> | </gallery> | ||
<br><br> | |||
<gallery widths= | : <nowiki> widths=100px heights=100px で表示。</nowiki><br> | ||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; > | : <nowiki>キャプションに "<div style="text-align:center; >□□</div>" を入れてセンタリング。</nowiki> | ||
<gallery widths=100px heights=100px > | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ａ</div> | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｂ</div> | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｃ</div> | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｄ</div> | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｅ</div> | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｆ</div> | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｇ</div> | |||
ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; >３Ｈ</div> | |||
</gallery> | </gallery> | ||
<br><br> | |||
==== 画像ファイルにリンクを貼る ==== | |||
:アーカイブ内の他のページに飛ぶリンク | |||
[[ファイル:高28回現在の校舎１.jpg|100px|link=高28回|クリックすると「高28回のページ」に飛びます。]] | |||
<br><br> | |||
:ドロップボックス内のPDFファイルを表示するリンク（センタリングもしています） | |||
<br> | |||
<div align="center"> | |||
[https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0 【実習テキスト】写真などの掲載方法について(PDFファイル)] | |||
</div> | |||
<br><br> | |||
:画像を使ったドロップボックス内のPDFファイル(実習テキスト）を表示するリンク | |||
<!-- 文字列が長いため途中で改行されてしまいました --> | |||
[[ファイル:高28回現在の校舎１.jpg|link=https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0|100px|thumb|left|写真などの掲載方法について(PDFファイル)]] | |||
<br><br><br><br><br><br><br> | |||
---- | ---- | ||
2022年7月23日 (土) 18:40時点における最新版
見出し(=1個)
見出し(=2個)
見出し(=3個)
見出し(=4個)
見出し(=5個)
見出し(=6個)
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:left
３Ａ
３Ｂ
３Ｃ
３Ｄ
３Ｅ
３Ｆ
３Ｇ
３Ｈ
- widths=100px heights=100px で表示。
- キャプションに "<div style="text-align:center; >□□</div>" を入れてセンタリング。
- ３Ａ
- ３Ｂ
- ３Ｃ
- ３Ｄ
- ３Ｅ
- ３Ｆ
- ３Ｇ
- ３Ｈ
画像ファイルにリンクを貼る
- アーカイブ内の他のページに飛ぶリンク
- ドロップボックス内のPDFファイルを表示するリンク（センタリングもしています）
- 画像を使ったドロップボックス内のPDFファイル(実習テキスト）を表示するリンク