3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

HTML基本の「キ」

Posted at

こんばんは!(21時に執筆してます)
今日の講義聞いてて明日は我が身だなと思ったので記録用に残そうかなと。

HTMLのファイル構造について

現状の段階で習ってることはこんな感じ。↓
html.png
(私作 意外と作るの難しかった)

 猫の階層から牛さんまでたどり着くためにはどうしたらいい?
 ~相対パスの考え方~

うーん難しい。けど一個づつ考えていけばいける。
予備知識として持っておくべきなのは、階層を一個戻るときは「../」をつければいいってこと。
この図で言うなら猫ちゃんはCh1の中にいるよね。
とりあえず出してあげよう。

<a href="../"></a>

これでCh1まで来れた。けどまだ遠いね
壁をぶち破って移動はできないから戻ろう。

<a href="../../"></a>

よしSam2まで来れた。あと一息!!
Sam1までこれればあとはindex.htmlだからSam1までの行き方を考えよう。
Sam2とSam1はおんなじ階層にあるね。あれ?もう行けるじゃん

<a href="../../Sam1/index.html"></a>

行けたね!!
自分がいるところからどうやって動けばいいかが相対パス!
覚えとこう!!

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?