おはようございます
清々しい朝ですね～٩( ''ω'' )و
今日は表にイラスト画像を入れるという作業をしました。
イラストの入れ方も慣れないと結構ややこしくて、理解までにかなり時間を要しました。。（まだ曖昧ですが、数をこなして慣れようと思います…。）
htmlにイラストを入れる方法は
◎絶対パス
◎相対パス
の２種類です。
◎絶対パス
・絶対パスとはフルパスとも呼ばれており、ルートディレクトリと呼ばれる階層構造の頂点から目的地までの経路を表しています。ユーザが現在どのフォルダで作業中であっても、常に同じスタート地点から、常に同じ経路の表示になります。
・絶対パスは装置内の上部から、特定のファイルやフォルダの場所を指し示すルートになります。
PCでは「C:・・・\index.htm」のようにドライブからファイルなどを\で区切って場所を指定します。
WEBでは「http://ドメイン/フォルダ名/ファイル名」のように、サーバーのURL、サーバー内の格納場所、ファイル名を指定し、そのファイルがネット上のどこに存在しているかを指定しています。
例）このページの絶対パスの説明
http://www.chama.ne.jp/download/web/path.htm
| http://www. | WEBの |
| chama.ne.jp | 「chama.ne.jp」サーバー |
| download | 「download」というフォルダ内の |
| web | 「web」というフォルダ内の |
| path.htm | 「path.htm」というファイル |
◎相対パス
・相対パスとは、ユーザが現在作業しているフォルダから目的のフォルダまでの経路を表します。スタート地点が異なると、当然この経路も異なります。
・現在地から相対的にファイル等の場所を指定します。
相対パスのルールは難しくありません。
ルール１： 「../」フォルダを一つ上に上がる
ルール２： 「フォルダ名/」フォルダ内に入る
ルール３： 画像やホームページを閲覧する時は「public」「www」などは省略する
ルール４： プログラムがファイルの書き込みなどを行なう場合「public」「www」などは省略出来ない
文字だけ見てもわからない。。
ちょっと画像を入れる元気がないので近々総集編で画像入れます。。
↓ちなみに、今回画像を入れるために作ったタグはこちら
<img src="images/gomi.jpg">
今回は使っていませんが相対パスの
"../"
は上の階層へという意味を持ちます。
結構前のあややの曲に
”どっとどっとすらっしゅ”という歌詞が出てきたことがあるのですが
それは上の階層へという意味を込められているのではないかと噂されていたようです。
その頃は聞いても何のことか全くわからなかったと思いますが。。
歌詞もそうですが、わかる人にはわかるみたいなことって結構あるのかなと。。
”わかる人にはわかる”ことになるべく多く気付いていけるような人になって楽しく過ごせるようにしていこうと思います。
では、また次回。