HTML5のリンクがつながらない問題
- HTML5を勉強中なのですが、Chromeでリンクをクリックすると「このウェブページは見つかりません」となってしまいます。
- 問題のコードを貼っておきます。Googleへのリンクが正しく設定されているか確認してください。
- リンクがつながらない場合は、リンクのURLが正しく設定されているか、またはネットワーク接続が正常であるか確認してください。
- ベストアンサー
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>
- takayama7
- お礼率100% (2/2)
- HTML
- 回答数2
- ありがとう数16
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
href属性値は、ちゃんと " や ' で囲ってください。 “ とか ” は違う文字です。 間違い <a href=“http://google.com”>Google</a> 正しい <a href="http://google.com">Google</a> 正しい <a href='http://google.com'>Google</a> また、以下の箇所も引用符がおかしいです。 <html lang=“ja”> <meta charset=“utf-8”> まさか、Microsoft Wordみたいな引用符が勝手に修正されるソフトでHTMLを書いたりしてませんよね？
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
リンクはプロトコル(http:とかmail:とかftp:)とかに続いて、インターネット//、そしてドメイン名と書いていきます。 <a href=“http//google.com”>Google</a> だとプロトコルが抜けてますね。抜けていると現在のプロトコル、すなわちfile:--ウィンドウズの場合エクスプローラが使われます。パスは現在のパスが使われますから、そうならなければなりません。
お礼
プロトコルを入れてみたのですが、やはりつながりません。何故なんでしょう。
関連するQ&A
- ページ内リンクがうまくいきません
ページ内リンクがうまくいきません。 どこか間違っているのでしょうか。 アドバイスよろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ホームページ</title> <style> p{ color:red;} </style> </head> <body> <p>こんばんわ！</p> <p>こんちは！</p> <p><a href="#01">ジャンプ</a></p> <p>こんちは！</p> <p>こんちは！</p> <p>こんちは！</p> <p id="#01">ここ</p> <p>こんちは！</p> <p>こんちは！</p> <p>こんちは！</p> <p>こんちは！</p> <p>こんちは！</p> </body> </html>
- ベストアンサー
- HTML
- 誰か教えてください。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8 <title>ホームページ</title> </head> <body> <p><a href= "http://***.html.xdomain.jp/homepage.html" >ホーム</a></p> <iframe src="https://scratch.mit.edu/projects/842573840/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> <p>クレジット</p> <p><a href= "https://scratch.mit.edu/users/poinoki" >自分</a>の作品を載せました</p> </body> <body bgcolor="#00fa9a"> </html> このソースコードで、ミスっているところはありませんか。 なぜか文字化けしてしまうんです。 種類は、UTF-8にしています。
- ベストアンサー
- HTML
- PHP
PHPで、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>テストのページ</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body> <p>これはテストです</p><p>本日は 晴天なり</p> </body> </html> と、簡単なプログラムを打ったんですが、ブラウザで表示されません。ちゃんとApacheも設定したのですが・・・ どうすれば、ブラウザで表示できるようになるのでしょうか？
- 締切済み
- PHP
- cssが読み込まれません。
VScodeでhtmlの練習を始めましたが、どうやってもcssが読み込まれません。同じフォルダ内に保存してます。名前間違いもないです。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>方法1</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>方法1:外部のCSSファイルを読み込む</p> </body> </html> CSS @charset "UTF-8"; p { color: blue; }
- ベストアンサー
- 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"> <!-- 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サービス）
- XP Pro SP3 / IE8で表示されない
以下のようなHTMLのページを作成したのですが、XP Pro SP3 / IE8環境では、ページが正常に表示されません。どのような点を直せば表示されるのでしょうか。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> <script src="./scripts/common.js"></script> <!--[if It IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"><script> <![endif]--> <link href="./styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <header> <h1><a href="./" title="タイトル">タイトル</a></h1> </header> <article> <p>本文</p> </article> <footer> <p id="copyright"> Copyright(C) hogehoge all rights reserved. </p> </footer> </body> </html>
- ベストアンサー
- HTML
- プログラミング
ドットインストールのCSS3入門のレッスン１５の動画の１分ほどの文字色を黄色にする事が出来ません。 自分のテキストエディタのコピペです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>CSS3の勉強</title> <style> a{href="http://dotinstall.com"} { color: yellow; } </style> </head> <body> <h1>リンク集</h1> <ul> <li><a href="http://dotinstall.com">dotinstall.com</a></li> <li><a href="http://google.com">Google</a></li> <li><a href="http://yahoo.co.jp">Yahoo!</a></li> <li><a href="mailto:taguchi@dotinstall.com">mail me!</a></li> </ul> </body> </html> 何かおかしな点があればご指摘お願いします。
- ベストアンサー
- HTML
- 下記htmlでバリデーションをかけるとエラーがでるのですが、原因を教えてください。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>あげ</title> <meta name="description" content=""> </head> <body> <p><input type="image"></p> </body> </html> ------------------------------------------------ ↑こちらのソースを ↓下記バリデーションでチェックすると、エラーが出ます。 http://validator.w3.org/ <input type="image"> が原因なのですが、 inputタグに画像を使いたい場合は、CSSで背景を設定するしかないのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- 単独で開かれたiframeを親ページに表示したい
ブログ記事(blog1.html、blog2.html、blog3.html)を親ページ(index.html)のiframeとして表示しています。 親ページを開いた際には、デフォルトで最も新しいブログblog3.htmlが表示されるようになっています。 ブログ記事が単独で開かれた場合には、 if (window == window.parent) { location.href = "./index.html"; により自動的に親ページに導くようにしていますが、その際に開かれたブログ記事を表示したいと思います。 当たり前ですが、現在はblog3が開かれてしまいます。 どのようにしたらいいでしょうか。 以下、現在確認中のサンプルスクリプトです。 ■親ページ■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> <p>index.html</p> <iframe src="./blog3.html" frameborder="2" width="300" height="100"></iframe> <div id="result"></div> </body> </html> ■ブログ1■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog1</title> </head> <body> <p>blog1.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html> ■ブログ3■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog3</title> </head> <body> <p>blog3.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html>
- ベストアンサー
- JavaScript
- ホームページのリンクについて
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>
- ベストアンサー
- その他（趣味・娯楽・エンターテイメント）
お礼
Macに勝手に引用符が修正されていました。 直したらつながりました。 ありがとうございます。