リンクがうまくできません。

質問

リンクがうまくできません。
ホームページのテンプレートをダウンロードし、メモ帳で編集しているところです。
ダウンロードしたものの中にindex.html(トップページ)とpage1.html（リンク先）が入っています。
トップページにリンクを他にも作りたいので、page2,page3,・・とつくったのですが、
<UL id="menu">
<LI><A href="page1.html">about</A></LI>
<LI><A href="page2.html">photo</A></LI>
<LI><A href="page3.html">blog</A></LI>
<LI><A href="page4.html">link</A></LI>
<LI><A href="page5.html">mail</A></LI>
</UL>

こうした場合に、page1.htmlはちゃんとリンクできるのですが、それ以外のリンクが出来ません。
何か間違えているんでしょうか？
それとも、他に何かしなくてはならないことがあるんでしょうか？
初歩的な質問かもしれませんが、よろしくお願いします。

回答No.2

shutaw · ベストアンサー

>そのメニューにポインタを当てると色が変わるのですが、リンクにならず、クリックできないです

うーむ。
となると、おそらく LI のタグは認識されているようですね。
推測ですが、LIの中に入れたA要素はポインタを当てると背景色が変わるような指定がしてあるのでしょう。
<UL><LI>サンプル</LI></UL> のような、AがないLIだけでは色は変わらないですよね？

愚問かもしれませんが、"href"やページ名を囲っているクオーテーションマーク(")、あとは不等号の<>が全角になってしまっているなどということはないですよね……。

お礼

リンクできなかった今までのファイルを作り直してみたら、できました。orz
お手数をおかけしました。ありがとうございました。

補足

>"href"やページ名を囲っているクオーテーションマーク(")、あとは不等号の<>が全角になってしまっているなどということはないですよね……。

はい、すべて半角になってます。

色々試してみましたが、タグはたぶんこれで合ってると思うんですよね。
下のように、page3.htmlではなく、ブログのurlを""内に入れることにしてみたんですけど、
その場合はちゃんとブログのページにリンクできましたし、別にダウンロードしてみたリンク用のページもリンクできました。
photo(page2.html)に当たる、自分で新しく作ったhtmlファイルがリンク出来ないようなので、どこかがおかしいんだと思います。

<LI><A href="page1.html">about</A></LI>
<LI><A href="page2.html">photo</A></LI>
<LI><A href="ブログのURL">blog</A></LI>
<LI><A href="リンクページ">link</A></LI>
<LI><A href="page.5.html">mail</A></LI>

ありがとうございました。もう少しがんばってみます。
何か他に思いあたることがもしあったら、また教えてください。

回答No.1

shutaw

パッと見HTMLに問題はなさそうですね。

「リンクできない」というのはどういう状態でしょうか？

(1) ブラウザで表示すると、リンクにならない。（青の下線テキストにならず、クリックもできない）
(2) クリックできるが、404 not found（や、「見つかりませんでした」）のような表示になる。（添付は例の画面です）

補足

回答ありがとうございます。
(1)の状態だと思います。
テンプレートのデザインとして、そのメニューにポインタを当てると色が変わるのですが、リンクにならず、クリックできないです。(ページに飛ばない)