［PR］ネットとスマホ OCNでまとめておトク！

HTMLでリンクが表示されないのはなぜ？

解決済

  • 質問者：hitagi121
  • 質問日時：
  • 回答数：4件

パソコン初心者です。HTMLで<a href="○○"></a>を入力してもリンクが表示されません。他のページではうまくいっていますが、できないページがあります。
　うまくいく場合は、入力時に<a href="○○"></a>や他の命令文も赤や青で表示されますが、うまくいかない場合のページの字は全部黒くなっています。これが原因でしょうか？
　もしそうであれば解決方法と、文字が黒くなるのは何の為なのかも教えて頂けると助かります。
　他に原因があるのであれば、その解決策もご教授下さい。
　拙い説明で申し訳ありません。そしてできれば初心者向けの説明でお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「命令 文」に関するQ&A： be動詞の命令文の否定形

A 回答 (4件)

No.2ベストアンサー

  • 回答者： 4017B
  • 回答日時：

個人情報などに関連する部分を削除、または書き換えた元のHTMLページのソースコードを見せて貰った方が話が早いですね。

逆にソースを見れないと、初心者の言う事はさっぱり要領を得ないので、こちらからオンラインで何か言う事はほとんど無いです。はい。

要は「質問力」を磨けって事ですが…。似た様な質問のページを見て、回答が多いページ、逆に全く回答が付いてないページを見比べてみれば分ると思います。

P.S.
後、参考までに言うと。本当に例文の様な書き方、つまり

<a href="○○"></a>

～みたいに書いてるとしたら。画面上には何も表示されないです。最低でも何か1文字以上、何か <a></a> ～の間に書いてないと、ブラウザの性質上、見た目的には何も表示されません。

/*-- 嘘を吐いているのは誰だ！？ --*/
    • good
    • 0
    • 件
通報する

No.4

  • 回答者： panto-maim
  • 回答日時：

>入力時に<a href="○○"></a>や他の命令文も赤や青で表示されますが、うまくいかない場合のページの字は全部黒くなっています。


>文字が黒くなるのは何の為なのか

「ホームページ作成ソフト」のカテゴリーで質問されているので、
何らかのホームページ作成ソフトかエディタを使っているかと思います。

命令文が赤や青で表示されるのは「ホームページ作成ソフト」（またはエディタ）の仕様によるもので、
その設定で編集画面にて黒くなるのは『正しい記述として認識されていない』からです。
「ホームページ作成ソフト」（またはエディタ）では全体を見て解釈・表示していると思うので、
全体的に見て重要な記述部分のうちどこか文字抜けがあるので、最終的に文字が全部黒くなっているのだと思います。

全ての記述部分を見てみないと、
具体的にどこをどう直せば解決するのか、こちらでは答えられません。
一度全体の記述を見渡して、ご自分で確認してみてください。

ホームページ作成ソフトかエディタを使っているのであれば、
その特性や仕様などもきちんとご自身で理解していないと、今回のように「なぜ？」となると思います。

参考までに、
「メモ帳」というテキストエディタだと、命令文も含め全部の文字が黒くなっていますが、
正しい記述であれば、HTMLファイル（webページ）で見ればきちんと表示されます。
    • good
    • 0
    • 件
通報する
この回答へのお礼

　ご回答ありがとうございます。こちらの勉強不足で質問の仕方が悪かったにもかかわらず、丁寧に説明していただき光栄です。
　ご指摘いただいた事を元に、間違いがないか、<head>など、最初から入力されているもの以外を全て消してみたのですが、黒字のままでした。
　質問するにも、ある程度知識を得てからでないといけませんね、肝に銘じておきます。

通報する
お礼日時：2011/12/03 21:43

No.3

  • 回答者： ORUKA1951
  • 回答日時：

とりあえず


★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
でチェックしてみてください。

　そして、
はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
　あたりから・・復習。

ブラウザにFirefox( http://mozilla.jp/firefox/ )を入れてアドオンとして、Html Validator ( https://addons.mozilla.jp/firefox/details/249 )をいれておくと、チェックは楽です。アドオンは開発者向けツール ( https://addons.mozilla.jp/firefox/extensions/dev … )のようにたくさんあります。firebugとか・・
    • good
    • 0
    • 件
通報する
この回答へのお礼

　ご回答ありがとうございます。分かりずらい質問でスミマセン。HTMLどころか、PC自体まだ初めて間もないもので。
　いろいろ見させていただきましたが、何のことだか・・・初心者には難しかったです。私にはまだ質問すること自体早かったようですね、もう少し勉強してきます。
　今後の為に、教えて頂いたサイトは保存しました、ありがとうございました。

通報する
お礼日時：2011/12/03 21:49

No.1

  • 回答者： 1212gta
  • 回答日時：

リンクの問題ではなさそうですね。

　HTMLのページの最初と最後をチェックしてみて下さい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

個々にページ内容が入る

</BODY>
</HTML>

基本的にはこのようになるはずですが、ページを確認してきて下さい。
    • good
    • 0
    • 件
通報する
この回答へのお礼

　ご回答ありがとうございます。確認しましたが、解決にはいたりませんでした。　質問するには勉強が足りなかったみたいです、お手数お掛けしました。

通報する
お礼日時：2011/12/03 21:09

このQ&Aに関連する人気のQ&A

「命令 文」に関するQ&A： 他言語で言うcontinue文

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

ピックアップおすすめ記事

関連するQ&A

関連するカテゴリからQ&Aを探す

専門家回答数ランキング

専門家

※過去一週間分の回答数ランキングです。

Q質問する（無料）

他の専門家の回答をチェック

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qで表示されない。

パソコンやりはじめてちょっとの初心者です。
日記とかにリンクを上の通りやって，この<a href=100q-a.htm>こちら</a>
のようにリンクしてるのに，表示されません。
けど，ファイルとして開くとちゃんと文字が移るんですけど…。
これって、100q-a.htmというのがまずいんでしょうか？
できれば２０日までに教えてくださるととても嬉しいです。
よろしくお願いします。

Aベストアンサー

　補足を拝見いたしました。回答としては＃７、＃８の方と同じになりますが、以下のことをご確認下さい。

・ファイル名が完全に同一である。すでの他の方がおっしゃっていますが、大文字小文字、htmとhtml、日本語と英語の違いです。簡単なのは、リンク先のページのファイル名をそのままコピーしてソースに貼り付けるのが良いかと思います。
　もしアップロードした先でリンクがうまくいっていないと、もともとのページのファイル名に日本語（全角）が含まれている可能性があります。インターネット上では、ファイル名に全角は使えないからです。パソコンでは問題なく使えるので、パソコンで見ているときには気がつきません。

・問題のファイルが、リンク元（<a href="～のあるページ）と同じディレクトリ内にある。
　つまり同一フォルダ内にあり、そのフォルダの中でさらに小分けにされた別のフォルダや、その上のフォルダではないということです。
　Aフォルダの中にBフォルダ、Cフォルダ、Dフォルダがあるとすると、そのリンク元とリンク先が同じフォルダ内にあり、AフォルダとCフォルダに別々の保存されていない、ということです。これは、ページを保存してあるパソコン内ではなく、アップロードした先のディレクトリを見てください。
　アップロードはFTPソフトなどお使いでしょうか？そうだと見分けやすいのですが・・。当該サイトに接続すると、アップロード先が表示されると思います。
　前回と同じ回答になりますが、ファイル名自体が受けつけられないということはないと思います。実は同じファイル名でアップしている方はたくさんいらっしゃるようです。（察するに、最近はやりの「○○へ１００の質問」ではないでしょうか？）
　また、表示されない、ということも先に確認するべきでした。これは、「そのようなファイルは存在しないか、または削除されました」という、レンタルした先からのメッセージが表示される、ということですよね？
　もし、ページが真っ白なまま、というのであればその真っ白なページのままソースを開いてみてください。

　補足を拝見いたしました。回答としては＃７、＃８の方と同じになりますが、以下のことをご確認下さい。

・ファイル名が完全に同一である。すでの他の方がおっしゃっていますが、大文字小文字、htmとhtml、日本語と英語の違いです。簡単なのは、リンク先のページのファイル名をそのままコピーしてソースに貼り付けるのが良いかと思います。
　もしアップロードした先でリンクがうまくいっていないと、もともとのページのファイル名に日本語（全角）が含まれている可能性があります。インターネット上では、フ...続きを読む

他の回答も見る

Qリンクができない

すみません、<a href="hoge.html"><img src="hoge.gif"><a/>
という画像リンクを作りましたが、ブラウザ（ＩＥ７）に表示して
画像にカーソルを当てても手のひらにならず、リンクできません。
ほかの箇所はＯＫですが、テーブルで囲んだ一部だけ機能しません。
テーブルの外に持って行きましたが、やはり無理です。
もちろん全角は入ってません。
こんな現象は初めてです。どなたかわかる方教えてください。

Aベストアンサー

＞文法は直しました。それでも駄目でした。

先の、HTMLの<td></td>内に、あなたのセル内の記述をそのまま入れて、Another HTML Lintでエラーは出ず、かつカソールが変わらないのですか？
まずこの部分へ補足を

次に、先のHTMLの<head></head>内に、次を入れたら
<style type="text/css">
<!--
a{cursor:help;}
-->
</style>
これも補足で・・・

他の回答も見る

QHTMLの～でリンクが開かない…

　作成したHTMLファイルを実行して時々 起こる現象なのですが…

　同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の２つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の２つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

　　　<a href="xxx.html">XXX</a>
　　　<a href="yyy.html">YYY</a>

　記述の文字に問題がないように、文章作成する際に、両方の<a href="...">～</a>をコピペして、ファイル名もフォルダに表示されるファイル名をわざわざコピーして<a href="...">に貼り付けています。つまり、記述上は問題がないようにしています。

　この現象はオフライン(WEBに乗せていない状態)でも起こるのですが、WEBにアップロードしても同じように開けません。また、特定のHTMLファイルでなく、HTML文を作っていて時々起こります。

　どうしてなのでしょうか…？　理由と解決方法をお教えください。よろしくお願いします。

　作成したHTMLファイルを実行して時々 起こる現象なのですが…

　同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の２つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の２つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

　　　<a href="xxx.html">XXX</a>
　　　<a href="yyy.html">YYY</a>

　記述の文字に問題がないように、文章作成する際に、両方の<a href="...">～</a>をコピペして、ファイル名もフォルダに...続きを読む

Aベストアンサー

href="75h/..." を、href="./75h/..." に修正してみてください。

それから、lintで既に確認済かもしれませんが、タグの誤使用が気になりました。
<li>タグは単独では使用できません。
<td>
<ul>
<li>内容。。。
</ul>
</td>
のように記述します。

で、本題ですが、ローカルの拡張子が違っているといった問題ではありませんか？
.htmであるはずが、.htm.txtになっている、など。

URLエンコードするとどうなりますか？
「 - 」→「 %2D 」
「 _ 」→「 %5F 」

"75h/WBR75H_Win-VerUP.htm"
　　↓
"75h/WBR75H%5FWin%2DVerUP.htm"

参考URL：http://validator.w3.org/check?uri=http%3A%2F%2Fmembers.at.infoseek.co.jp%2Fpersonalnet%2F

他の回答も見る

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数（ボックスの内容）に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数（ボックスの内容）に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

他の回答も見る

Qリンクをクリック出来ない。

http://www.1sshindo.com/
このページを作ったのですが、topページで
その他のページというリンクにカーソルを合わせても
指のマークが出ません。
（MACでですが。
windowsを持っていません。）
なぜでしょうか。
この要素をtable_top7と指定して
cssで.table_top7 {
border: thin solid #FF6600;
position: absolute;
width: 70px;
top: 1705px;
left: 70px;
margin: 1px;
}
となっていますが、
要素を下に移動させたかったので
top:1615px;
から
top: 1705px;
としたらこのようになってしまいました。
1680pxぐらいまでならリンクが出るようです。
なぜでしょうか。
他の要素が影響しているんでしょうか。
初歩的すぎて
怒られそうですが。
お願い致します。

Aベストアンサー

あ、すみません。＃１の方の回答、見ていませんでした。

fnaviが邪魔をしているのならば、これをTOPからもう少し下げ、padding-topとmargin-topをかぶらないぐらいに小さくしてはどうでしょう？

他の回答も見る

Q自分のPCから他サーバのIPアドレスの調べ方

自分のPCからサーバ（LINUX）のIPアドレスの調べ方が
わかりませんので、
ご存知の方、御願いします、

Aベストアンサー

コマンドプロンプトで

　nslookup [ドメイン名]

と打ち込めば以下のようにIPアドレスが表示されます。

C:\>nslookup oshiete1.goo.ne.jp
Server: xxxx.co.jp
Address: xxx.xxx.xxx.xxx

Non-authoritative answer:
Name: oshiete1.goo.ne.jp
Address: 210.132.71.11

他の回答も見る

QJavaScriptde途中で、「exit」するには？

function kensaku(){
s_data = document.kaiin_form.input_name.value;

if(!s_data){ alert("キーワードを入れて下さい！"); }

if(s_data != dumy){ ...... }
for(i=st_no;i<=n;i++){
......省略.................;
.......省略................}
}

----------------------------------
3行目で表示されたアラートをＯＫで閉じても、4行目以下が実行されてしまいます。
3行目でexitするにはどうすれば良いでしょうか？

Aベストアンサー

>関数（kensaku()）からは抜けられませんでした。
そうですね、勘違いしていました、ｆ（＾＾；
すみません。
if(!s_data){
alert("キーワードを入れて下さい！");
return;
}
ですね。

他の回答も見る

Qスタイルシートで　colspan=3と定義することは可能でしょうか？

<style>
x {

}
</style>

<table>
<tr>
<td colspan=3 class="x">タイトル</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>

また、有名なブラウザで対応している最新のCSSバージョンは何でしょうか？

よろしくお願いいたします。

Aベストアンサー

できないと思います。

colspan は、セルを連結する指定ですが、
もともと
<td></td><td></td><td></td>
であったものが
<td colspan=3></td>
のように連結するには、他の"<td></td><td></td>"を削除する必要があります。
それは、スタイルだけの話ではなくてセルの実体を操作する必要があるということですから。

他の回答も見る

Q認証エラー「Authorization Required」の原因について

運営しているサイトのコンテンツの一部に、特定のメンバーだけが見られるようにBasic認証をかけました。
ところが一人だけが、ログインしようとすると「Authorization Required」が出てしまうというのです。
ID、パスワードの入力ミスでないとすると、どのような原因が考えられるでしょうか。
windows XP IE6 とのことです。

Aベストアンサー

NO2追加
もっと詳しくは参考URLを準用。

インターネット一時ファイル(キャッシュ)のクリア後、再起動し、再度ログイン。

cookieが有効になっていますか？
IE「ツール」「インターネットオプション」「プライバシー」
「既定」「中」「設定の詳細設定」「自動クッキー処理を上書きする」選択「常にセッションクッキーを許可する」を選択。
「ファースト、サードパーティの両方のクッキーを受け入れる」「適用」「OK」。
IEを閉じて、再起動する。

参考URL：http://www.showtime.jp/help/guide_0702/#q3

他の回答も見る

Qページ間で変数を保持したい

いつもお世話になっております。

今回はhtml間での値渡しについてお聞きしたいです。

現在ある二つのページA,Bを作成していまして、お互いにリンクが張ってあります。
AからBに行く時、Aの中にあるフォームの内容をBに表示したく外部jsファイルでグローバル変数に保持したりなどやってみましたがだめでした。

そもそもこのようなことをjavascriptのみでできるのでしょうか？
また可能ならばどのようにすればよいでしょうか？
ご教授お願いします。

Aベストアンサー

<form action="fB.html" method="get">
とした場合の例ですが、

以下のコードを参考にしてみてください。
------------------------------------------------------------
fA.html
------------------------------------------------------------
<html>
<head>
</head>
<body>
<form action="fB.html" method="get">
<input type="text" name="t" value="textA"></input>
<input type="hidden" name="h" value="hiddenA">
<input type="submit">
</form>
</body>
</html>
------------------------------------------------------------
fB.html
------------------------------------------------------------
<html>
<head>
<script type="text/javascript">
<!--
function init() {
var arr=Array();

var ss = "";
var querys=location.search;
if(querys) {
var q = querys.replace(/^\?/,'').split('&');
for(i=0 ; i<q.length ; i++){
var pair=q[i].split('=');
// arr[pair[0]]=pair[1];
ss += pair[0] + " = " + pair[1] + "\n";
}
}
alert(ss);
}

window.onload= init;

//--></script>
</head>
<body>
</body>
</html>

<form action="fB.html" method="get">
とした場合の例ですが、

以下のコードを参考にしてみてください。
------------------------------------------------------------
fA.html
------------------------------------------------------------
<html>
<head>
</head>
<body>
<form action="fB.html" method="get">
<input type="text" name="t" value="textA"></input>
<input type="hidden" name="h" value="hiddenA">
<input type="submit">
</form>
</b...続きを読む

他の回答も見る
ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報