HTML 超初心者 リンクの載せ方

質問

HTMLの勉強を昨日始めたばかりの超初心者です。初心者用のカテゴリが無いので、技術者向けなんてカテゴリからの質問で気が引けますが、回答お願い致しますm(__)m

今Udemyというアメリカ人が作った講義動画のサイトで勉強してるんですが、そちらではnotepadを使ってクロームに表示しているんですが、僕がやると文字化けしてしまうので、terapadを使ってエクスプローラーに表示しています。

つまずいた個所はリンクの載せ方の所です。細かく書きます。
index.html contact.html about.htmlというドキュメント？を作ってそれをひとまとめにwebsiteというファイルに収めてそのファイルの中にadminというファイルを作ってそのファイルの中にadmin.htmlというドキュメントを収めています。

index.html contact.html about.htmlそれぞれに
<a href="index.html">Homepage</a><br />
<a href="About.html">About</a><br />
<a href="Contact.html">Contact</a><br />
リンクを作る文字列を打ってブラウザで実際にクリックしてリンクを表示させることはできました。

しかし、adminのほうがリンクの文字自体はされるのですが、それをクリックしてもエラーになってしまいます。<a href="Admin files/Admin1.html">Admin1</a>←のように動画にあるままにファイルも指定して文字を打ったんですがダメです。大文字などの打ち間違いも確認しましたが問題ありませんでした。

回答お願いします。

回答No.1

Katsu_Kaiz · ベストアンサー

ファイル……とのことですが、おそらくディレクトリ（フォルダ）のことですよね。つまり、websiteというディレクトリのなかに３つのWebページ「index.html」「contact.html」「about.html」がある。さらにwebsiteのなかにはadminというディレクトリもあって、そのなかに「admin.html」がある。こんな感じなんだと思います。

とすれば、<a href="admin/admin.html">Admin</a>と書いてみてください。《相対パス》や《絶対パス》といったキーワードで検索すると詳しいサイトが出てくるかと思いますが、<a href="Admin files/Admin1.html">Admin1</a>という書き方では、存在しないディレクトリ（Admin files）にリンクを飛ばしているためエラーになります。

それから、ファイル名が小文字のときは、リンクのファイル名も小文字にしたほうがいいですよ。

<a href="index.html">Homepage</a><br />
<a href="about.html">About</a><br />
<a href="contact.html">Contact</a><br />

参考URL：

http://htmq.com/html5/a.shtml

お礼

早速解答ありがとうございますm(__)m
＞ファイル……とのことですが、おそらくディレクトリ（フォルダ）のことですよね。
そうでした。フォルダでした。

この質問をしたタイミングでterapadにクロームを追加してたんですが、その時に変なところをいじったのか、リンクが表示できていたものができなくなっていてめちゃくちゃになってしまたので、また一からやり直します。

ご指摘いただいた方法、試してみます。また何かあった時はよろしくお願いしますm(__)m