htmlのタグについての質問：リンクの表示がおかしい

2023/08/03 12:58

このQ&Aのポイント

自分でhtmlの勉強を始めたが、リンクの表示がおかしい。指定したURLへのリンクがうまく表示されない。
参考にしている本では、<a>タグを使ってリンクを作成する方法が解説されているが、うまく動作しない。
環境はmac os x 10.3.9で、ブラウザはsafariとIEの両方で試したが、結果は同じだった。

ベストアンサー

htmlのタグについて

2006/04/14 02:24

今自分で本を買い、独学でhtmlの勉強を始めました。そしたらいきなり壁にぶつかってしまったので、誰か教えてください。僕が参考にしている本では <head> <title>リンク元</title> </head> <body> <a href="xxx.html#chapter1>chapter 1</a> <a href="xxx.html#chapter2>chapter 2</a> <a href="xxx.html#chapter3>chapter 3</a> <a href="xxx.html#chapter4>chapter 4</a> <a href="xxx.html#chapter5>chapter 5</a> </body> と入力すると、ブラウザで chapter 1 chapter 2 chapter 3 chapter 4 chapter5 と横並びに表示され、指定したURLへリンクできるようになると解説していますが、何回やっても chapter 2 chapter4 と二つしか表示されません。これの解決法は？？という質問です。環境はmac　os x 10.3.9です。一応safariとIEのどちらでも試してみましたが結果はどちらでも同じでした。よろしくお願いします。

nevagiva
お礼率66% (52/78)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

shikisaito
ベストアンサー率52% (257/491)

2006/04/14 02:28 回答No.1

ダブルクォーテーション(")が抜けていますよ。正しくはこちら。 <head> <title>リンク元</title> </head> <body> <a href="xxx.html#chapter1">chapter 1</a> <a href="xxx.html#chapter2">chapter 2</a> <a href="xxx.html#chapter3">chapter 3</a> <a href="xxx.html#chapter4">hapter 4</a> <a href="xxx.html#chapter5">chapter 5</a> </body>

質問者

お礼 2006/04/14 02:35

何時間もやってそこに気づけなかった僕っていったい…。ありがとうございました！！

関連するQ&A

改行しないようにするには？
<html> <head> <title>test</title> </head> <body> <a href="http://www.yahoo.co.jp/">左</a> <div align="right"><a href="http://www.yahoo.co.jp/">右</a></div> </body> </html> このように、リンクを付けた文字列を右と左に表示させたいのですが画像のように改行されて表示されます。同じ行に、二つのリンクを表示するにはどうすればいいですか？よろしくお願いします。
- ベストアンサー
- HTML
Mac-IEでの複数フレームのリンク
02-01-18のkyappunさんの質問と内容的には同じなのですが。フレーム使用のホームページで、複数フレームを同時に変更したいのですが、MacのIE(5.0)では、どうしても動作しません。 ※WinのIE6.0、NN4.7、NN6.0、MacのNN4.7では動作します。…が、MacのIEでも動いてほしいのです。ソースは、以下のようにしました。（このソースには、こだわってないです）解決法をご存知の方がいらっしゃいましたら、どうかよろしくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>フレームのリンク</title> <SCRIPT Language="JavaScript">  </SCRIPT> </head> <body> <form> <a href="javascript:changepage('head2.html','main2.html')">リンク1</a> <br> <a href="javascript:changepage('head3.html','main3.html')">リンク2</a> </form> </body> </html>
- ベストアンサー
- Mac
htmlとcssがリンクしません
htmlを独学で学んでいます。いま、cssを作ってhtmlとリンクさせようとしているのですが、できません。もうひとつ他に簡単なhtmlをかいて、そこに簡単なcssをリンクさせようとしたのですがそれでもうまくいきません。以下がぼくが作った簡単なhtmlとcssです。【html】 <!DOCTYPE html> <html> <head> <meta charset=“utf-8”> <title> aaa </title> <link ret=“stylesheet” href=“style3.css”> </head> <body> <h1> 壁 </h1> <p> htmlとcssがうまくリンクしなくてこまっている。 </p> </body> </html> 【css】 h1{color: #ff0000;} h1のところを赤い文字にしたいのですがブラウザで開いても黒文字のままです。なにか原因が分かる方はご指摘お願いします。
- ベストアンサー
- HTML
新たなタブで開くタグはありますか？
IE8を使っています。 <HTML> <HEAD> <TITLE>test</TITLE> </HEAD> <BODY> <A HREF="http://www.yahoo.co.jp/" target="_blank">yahooを新たなタブで開く</A> </BODY> </HTML> をすると、新たなウインドウで開いてしまいますが、新たなタブで開くタグはありますか？ http://computernlife.blog.fc2.com/blog-entry-5.htmlを見る限り、一括でしか設定できないのでしょうか？ ○target="_blank"の時は新たなウインドウ、 ○target="_？？？"の時は新たなタブと言うようにはできないのですか？
- ベストアンサー
- HTML
リンクの色を保持
iframeに表示されたページが、main.htmlのどのリンクを表示しているか分かるよう、main.htmlのページが表示された時に、リンク1の背景に色をつけたいと思っています。そして、リンク２がクリックされた時は、リンク２をクリックしていることが分かるよう、リンク１の背景の色をなくしリンク２の背景に色をつけたいと思っています。つまり、（１）main.htmlのページが表示された時に、リンク1の背景に色をつける（２）リンク２がクリックされた時は、リンク１の背景の色をなくしリンク２の背景に色をつける（３）リンク３がクリックされた時は、リンク２の背景の色をなくしリンク３の背景に色をつけるをしたいと思っています。どのようにすればいいでしょうか？よろしくお願いします。 <--test.html--> <html> <head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>テスト</Title> </Head> <body> <ul> <li><a href="main.html">main</a></li> </ul> </body> </html> <--/a.html--> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>テスト</Title> </Head> <Body> <iframe src="http://yahoo.co.jp" name="test"></iframe> <ul> <li><a href="http://yahoo.co.jp" target="test">リンク1</a></li> <li><a href="http://www.goo.ne.jp/" target="test">リンク2</a></li> <li><a href="http://www.biglobe.ne.jp/" target="test">リンク3</a></li> </ul> </Body> </Html>
- 締切済み
- JavaScript
macでhtmlのタグを打って、開いたのですが…
htmlの勉強で、macにて <HTML> <HEAD> <TITLE>◯◯◯</TITLE> </HEAD> <BODY> </BODY> </HTML> とテキストエディットで入力し、html形式で保存し、開いてみたのですが、タグが画面上に現れてしまいます。同じ事をWindowsでメモ帳を使いやってみると、ちゃんとなにもない画面が表示されます。なにが間違っているのでしょうか？ちなみにmacはOS X（intel）です。
- ベストアンサー
- HTML
htmlをhtaに拡張子を変えるとページ遷移ができない
下記のようなソースを作ってます。画面をフレーむで右と左に分けて、左のページのリンクをクリックすると、その目的のページが画面右側に表示されるというＨＴＭＬを作りました。そのフレームがあるファイルの拡張子を.htaに変えたところ、ページ遷移の際に「○○○のファイルをダウンロードしますか？」ということを聞いてくるようになってしまいました。どうしたら良いでしょうか？ウィンドウズ２０００ＩＥのバージョンは分かりませんが、新しくはないです。Windows２０００に付属されているモノかもしれません。 <html> <head> <title>接続リンク</title> </head> <frameset cols="20%,*"> <hta:application navigable="yes" > <frame src="aaa_link.html" name="aaa"> <frame src="bbb_link.html" name="bbb"> </frameset> </html> <html> <head> <title>bbb_link.html</title> </head> <body> <table border="0" height="100"> <td height="40"> <a href=".html" target="bbb"> <font size=5></font> </a> </td> <tr> <td height="40"> <A href=# onClick="javascript:parent.bbb.document.location.href='xxx.html';"> <font size=5>xxx</font> </a> </td> <tr> <td height="40"> <a href="zzz.html" target="aaa"> <font size=5>zzz</font> </a> </td> <tr> </table> </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>
- ベストアンサー
- その他（趣味・娯楽・エンターテイメント）
リンクについて。
こんにちは。初歩的な質問ですが、リンクの貼り方が分かりません。タグは、 <!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">  </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サービス）
ＴＤタグをスタイルシートを使って綺麗に簡単に書きたい。
二つほど質問があります… 以下のようなcssとhtmlを書きました。 ○stylesheet.css body{background-color:#ffffff} a:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} ○XXX.html <html> <head> <meta http-equiv="text/html" contents="Shift_JIS"/> <link rel="stylesheet" href='../css/stylesheet.css' type="text/css"/> </head> <body> <table border> <tr> 　<th> </th> 　<th>XXXXXX</th> 　<th>XXXXXX</th> 　<th>XXXXXX</th> </tr> <tr> 　<th>XXXXXX</th> 　<td align="right"><a href="###.html">100</a></td> 　<td align="right"><a href="###.html">525</a></td> 　<td align="right"><a href="###.html">300</a></td> </tr> <tr> 　<th>XXXXXX</th> 　<td align="right"><a href="###.html">10</a></td> 　<td align="right"><a href="###.html">150</a></td> 　<td align="right"><a href="###.html">300</a></td> </tr> </table> </body> </html> 質問１ <td>は全て数値で、必ず右寄せ（align="right"）なのですが、 stylesheet.cssの中に書いてしまいたいのです…でも td{align:right} と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか？質問２マウスカーソルをリンクに合わせると文字が反転するようになっているのですができる事ならtdタグの空白部分も反転したほうが良いと思うのですが td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} としても駄目で <a href="###.html"><td align="right">100</td></a> とするとリンクが無くなってしまいました… 上手く実行できるようになりますでしょうか？できればJavaScriptを使いたくないんです… わがままな質問ですが、回答よろしくお願いします。
- ベストアンサー
- HTML