ちわーっす！

元気にしてますか？

7月の後半に入りましたね。

暑くなってきてますが、COVID-19（コロナウイルス）に気を付けて生活してますか？

ストレスがたまったり、イライラとかしてませんか？

感染しないように気を付けてくださいね。

そろそろ梅雨明けの宣言も出てきてますが、なかなか梅雨が明けませんね。

花火シーズンに入りましたが、コロナの影響で再検討や中止の地域が出てきましたね…

さてと、本題に入りましょう。

PC一台があれば、家でもWebページが作れます。

でも、カフェやFree Wi-Fiのある所にネット環境でつなぐのはリスクがありますので、なるべく避けたほうがいいでしょう。

HTMLの基礎知識を始めましょう。

（ここまでコピペ）

過去のおさらいはこちらのリンクを見てね。

1. HTMLの基礎固めから！
2. HTMLの基礎知識～その2～
3. HTMLの基礎知識～その3～
4. HTMLの基礎知識～その4～
5. HTMLの基礎知識～その5～
6. HTMLの基礎知識～その6～
7. HTMLの基礎知識～その7～
8. HTMLの基礎知識～その8～
9. HTMLの基礎知識～その9～
10. HTMLの基礎知識～お詫び～
11. HTMLの基礎知識～その10～
12. HTMLの基礎知識～その11～
13. HTMLの基礎知識～その12～
14. HTMLの基礎知識～その13～
15. HTMLの基礎知識～その14～
16. HTMLの基礎知識～その15～
17. HTMLの基礎知識～その16～
18. HTMLの基礎知識～その17～

階層の説明

ここに記載している画像の階層を説明していきますね。

リンク先の設定や画像表示の設定などによく使われる階層を理解して行きましょう。

『A.hmtl』トップページに表示するファイルを位置づけとしておきましょう。

次に、『B.hmtl』を表示したいときのリンク先の設定はどうなりますでしょうか？

『./B.html』または『B.html』になります。

『./』…同じフォルダ内に表示しているので省略してもOK！

次に、『C.hmtl』を表示したいときのリンク先の設定はどうなりますでしょうか？

『./A/C.html』または『A/C.html』になります。

『A.html』のファイルの中に『A.jpg』の画像を表示をしたい。
その方法はどうなるでしょうか？

答えは、
『./B/A.jpg』または『B/A.jpg』になります。

『E.html』のファイルの中に『A.html』のページを表示をしたい。
その方法はどうなるでしょうか？

答えは、
『./../../../A.html』または『../../../A.html』になります。

『../』…一つ上に戻るときに使われるコードです。

ここまでは理解できたでしょうか？

問題

Q1.E.htmlのファイルの中に、「A.jpg」の画像を表示したい。

Q2.B.htmlのファイルの中に、「A.pdf」をダウンロードしたい。

Q3.D.htmlのファイルの中に、「C.jpg」の画像を表示したい。

Q4.D.htmlのファイルから「C.html」のページを表示したい。

回答はまた後日に出しておきますね。