HTMLのリンク先がづれる原因と解決法
- HTMLで月から週へのリンクを作成しているが、リンク先がずれてしまう問題に困っている。
- リンクページのソースコードを確認したが、原因がわからず困っている。
- リンクがずれている原因と解決法について教えてほしい。
- ベストアンサー
HTMLのリンク先がづれる…
こんにちは。いつもお世話になっています。 今HTMLで月⇒週へリンクするようなデモ用のHTMLを作っています。 しかし、どうしてもリンク先が一つずつずれてしまうのです…。 例えば、 2006年1月 2006年2月 2006年3月 ・ ・ ・ というページを作って、それぞれの月にリンクページも書き加えると、 2006年1月はリンクにならず、2月のリンク先に1月の週が表示され、3月のリンク先に2月の週が表示されてしまいます。 昨日からHTMLをはじめたばかりで、全く原因がわからず困っています。 一応ソースを載せます。 <html> <title> 案件別アサイン表・月日 </title> <body> 2006年1月<a href="C:\HTML\月日2006年1月.html"> <p> 2006年2月<a href="C:\HTML\月日2006年2月.html"> </p> <p> 2006年3月<a href="C:\HTML\月日2006年3月.html"> </p> <p> 2006年4月<a href="C:\HTML\月日2006年4月.html"> </p> <p> 2006年5月<a href="C:\HTML\月日2006年5月.html"> </p> <a href="C:\HTML\案件別アサイン表.html">戻る</a> </body> </html> ■リンク先のソースです。 <html> <title> 案件別アサイン表・月日・2006年1月 </title> <body> 2006年1/1～1/8 <p> 2006年1/9～1/15 </p> <p> 2006年1/16～1/22 </p> <p> 2006年1/23～ </p> <<a href="C:\HTML\案件別アサイン表・月日.html">戻る</a> </body> </html> どなたかリンクがずれている原因のわかる方がいらっしゃいましたら、教えてください。 お願いしますm(_ _)m
- comatomomo
- お礼率100% (25/25)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
■本題 リンク用のタグ（アンカータグ）は、 <a href="リンク先URL">リンク文字</a> という風に「間に挟む」んです。 あなたのタグを良く見て下さい。リンク文字の後ろに書いてしまっているし、閉じタグ（</a>のこと）もありません。 ■それ以外の部分 リンク先URLがローカルになっています。Cから始まってるでしょう？あれはCドライブという意味です。 このままではWEBにアップしたときリンク切れになってしまいますよ。 「相対パス」という言葉を調べて意味を学んでみてください。 もうひとつ。ファイル名やフォルダ（ディレクトリ）名に日本語を使ってはいけません。文字化けの元ですから。
関連するQ&A
- リンクに触れると効果音がでる
ブログでリンクに触れると効果音でるタグですが 下記のリンク部分には何処を指定するのでしょうか？ <HTML> <HEAD> <TITLE>リンクに触れると音が鳴る</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- //リンク音を鳴らす function runSound() { document.all.link_sound.src='サウンドファイルのＵＲＬ'; } // --> </SCRIPT> <BGSOUND src="#" id="link_sound" loop=1 autostart="true"> </HEAD> <BODY> <A href="リンク１のURL" onMouseOver="runSound()">リンク１</A><P> <A href="リンク２のURL" onMouseOver="runSound()">リンク２</A><P> <A href="リンク３のURL" onMouseOver="runSound()">リンク３</A><P> <A href="リンク４のURL" onMouseOver="runSound()">リンク４</A><P> <A href="リンク５のURL" onMouseOver="runSound()">リンク５</A><P> </BODY> </HTML> 又、どの部分をコピーすればよいのでしょうか？ 何方かご教授をお願いします m(_ _)m
- 締切済み
- ブログ
- リンクについて。
こんにちは。 初歩的な質問ですが、リンクの貼り方が分かりません。 タグは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> <!-- body{background-color:#ffffff;} table{font-size:medium;line-height:150%;color:#000000;} --> </style> </head> <body> <a href="about.html">about</a> <a href="1.html">main</a> <a href="nikki.html">nikki</a> <a href="link.html">link</a> </body> </html> としているのですが、「<a href="main.html">main</a> 」だけが、ページが表示できません。と、出てきます。「main.html]も、他のリンクと同じようにサーバーにアップしてあり、それを貼り付けています。 何故、リンクできないのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- HTMLのリンク先が表示されない
同じフォルダにあるhtmlファイルを表示させるため、 リンクを設定し、いざIEでリンクをクリックすると 全く反応がありません。 コードもしくはファイルの配置ミスなのか判断が付かないため、 御教授下さい。 以下ソースです。取得というリンクをクリックして表示させたいです。 <TABLE cellSpacing=0 cellPadding=0 width=400 border=0> <TBODY> <TD width=40> </TD> <TD width=160><A href="./peace.html">取得</A> </TD> <TD width=20> </TD> <TD width=180><A href="./password.html">パスワード変更</A> </TD></TR> <BR><BR><BR></CENTER></BODY></HTML>
- 締切済み
- HTML
- ホームページのリンクについて
http://beginners.atompro.net/exphtml_htm08.htmlを参考にして次のページにリンクさせるために下のようにやったのですが、リンクできませんでした。一応文字は青に下線になっているのですが…。どこかが間違っているのでしょうか？どなたか教えてください。 <html dir="ltr"> <head> <title>タイトル</title> </head> <body> <p><a href="top.html">タイトル</a></p> <p> </p> </body> </html>
- ベストアンサー
- その他（趣味・娯楽・エンターテイメント）
- ｈｔｍｌファイルにリンクを張ったのですが・・・
<a href="C:\Mdentaku.exe">Ｍ電卓の起動</a> とリンクを張ったHTMLファイルを作りました。 自分のパソコンでそのリンクをクリックすると電卓が起動するのですが、 このHTMLファイルを違うパソコン(webサーバ)にアップしたところ リンクをクリックしても電卓が起動しませんでした。 おそらく、違うパソコンには リンク先にMdentaku.exeファイルがないからだと思うのですが、 この場合リンク先(●部分)をどう記述したらいいのでしょうか？ <a href="●●●●●●">Ｍ電卓の起動</a>
- ベストアンサー
- Windows XP
- html5を勉強中なのですがリンクがつながりません
Chromeで実行し、リンクをクリックすると、 「このウェブページは見つかりません 詳細 次の file:///Users/◯◯◯/Desktop/“http//google.com” のウェブページは見つかりませんでした:file:///Users/◯◯◯/Desktop/“http//google.com”」 となってしまいます。どうすればいいでしょうか？ コードを貼っておきます。 <!DOCTYPE html> <html lang=“ja”> <head> <meta charset=“utf-8”> <title>初めてのHTML</title> </head> <body> <p>こんにちは。</p> <p><a href=“http//google.com”>Google</a></p> </body> </html>
- ベストアンサー
- HTML
- ＨＴＭＬのリンクがうまくゆきません。
ＸＰユーザーです。メモ帳でＨＰのタグを書いております。<a=href"○○">で自作の他のＨＰや同一ＨＴＭＬの別見出しにリンクさせたり元に戻すとき、時々、リンク先の画面が現在の画面の下に隠れていることがあります。自分で見ている場合にはそれでも良いのですが、他人に見てもらうときはそうもいかないので困っています。 どうしらよろしいでしょうか。お願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- HTMLのフレームについて
左側にメニューを置き、右側をメインにしようとしているのですが、左側のメニューをクリックしても、左側にしか表示されません。 どうすれば良いか教えてください 全体のHTMLが <html> <Html Lang="ja"> <Head> <Title>○</Title> </Head> <Frameset cols="155,*" Frameborder="yes" Scrolling="auto" Bordercolor="#ffcc99"> <Frame src="メニュー～"> <Frame src="メイン～" name="main"> <Noframes> <body> <Center> <p> ○ </p> </Center> </body> </Noframes> </Html> 左（メニュー）のフレームは <html> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>○</Title> </Head> <Body> <BaseFont Size="2"> <Font Size="2"> <A Href="～" target="main"></A><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> </Body> </Html> ですよろしくお願いします
- ベストアンサー
- その他（インターネット・Webサービス）
- HTML文字列を取得→加工→書き出すスクリプト
CGI（perl）がこういうHTMLを書き出すのですが、 <html> <body> <p><a href="file:///C:\temp\hoge1.txt">file:///C:\temp\hoge1.txt</a></p> <p><a href="file:///C:\temp24\hoge2.txt">file:///C:\temp24\hoge2.txt</a></p> :(中略) <p><a href="file:///C:\temp78\hoge15.txt">file:///C:\temp78\hoge15.txt</a></p> </body> </html> ↑のハイパーリンクに加え、hoge.txtが置かれている親フォルダへの リンクも併設したいです。イメージとしては、次のような感じです、 <html> <body> <p><a href="file:///C:\temp\hoge1.txt">file:///C:\temp\hoge1.txt</a><br> ↑のファイルがあるフォルダを開くなら<a href="file:///C:\temp\">こちら</a></p> <p><a href="file:///C:\temp24\hoge1.txt">file:///C:\temp24\hoge1.txt</a><br> ↑のファイルがあるフォルダを開くなら<a href="file:///C:\temp24\">こちら</a></p> :(中略) <p><a href="file:///C:\temp78\hoge15.txt">file:///C:\temp78\hoge15.txt</a><br> ↑のファイルがあるフォルダを開くなら<a href="file:///C:\temp78\">こちら</a></p> </body> </html> みたいに、ページを表示するたびに フォルダパスも記述されるという… JavaScriptで実現できますでしょうか？よろしくお願い致します。
- ベストアンサー
- JavaScript
- リンク先のJavaScriptを実行するリンク
a.htmには以下のようなJavaScriptが記載されています。 <a href="javascript:c_click(1)">test</a> a.htmの中にはclick内の数字が1～50程度のリンクがあり、 数字に応じて異なるJavaScriptが実行されるページです。 b.htmからa.htmの上記の<a href="javascript:c_click(1)">test</a>が実行されるリンクを作ることは可能なのでしょうか。 たとえば、b.htmに以下のようなHTMLを記述することを想定しています。 <a href="a.htmのjavascript:c_click(1)">test</a>
- ベストアンサー
- JavaScript
お礼
なるほどー！そうですよね…。本当に根本的な単純ミスでした。 書き直してみたらちゃんと表示されました。 ありがとうございます。 「相対パス」という言葉を恥ずかしながら今知りました…。今から勉強します・・・(>_<) 質問以外の部分のアドバイスやわかりやすい説明ありがとうございました☆