質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

352閲覧

別ページにとべない。

nHo3KDuM2dblaer

総合スコア10

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2019/03/27 02:40

編集2019/03/27 03:19

前提・実現したいこと

HTMLの2ページ目を表示したいが、表示されない。

発生している問題・エラーメッセージ

1ページ目は表示されるが別のリンクに行こうとしてもエラーメッセージは表示されないが真っ白な状態になる。

該当のソースコード

HTML

11ページ目(index.html) 2<!doctype html> 3<html> 4<head> 5<meta charset="UTF-8"> 6<title>KUJIRA Cafeへようこそ</title> 7</head> 8<body> 9<div class="wrapper"> 10 <!-- ヘッダー --> 11 <header class="header"> 12 <h1 class="logo"><a href = "index.html"><img src="images/logo.png" alt="KUJIRA Cafe"</a></h1> 13 <nav class="nav"> 14 <ul> 15 <li><a href = "index.html">ホーム</a></li> 16 <li><a href = "about.html">店舗案内</a></li> 17 <li><a href = "access.html">アクセス</a></li> 18 <li><a href = "menu.html">メニュー</a></li> 19 <li><a href = "contact.html">お問い合わせ</a></li> 20 </ul> 21 </nav> 22 </header> 23 <!-- ヘッダー ここまで --> 24 <!-- メイン --> 25 <div class="keyvisual"> 26 <img src="images/keyvisual.jpg" alt=""> 27 </div> 28 <main> 29 <h2>News</h2> 30 <p class="news-item">5月30日、『ここでしか飲めない!おいしいうれしい満喫カフェ』に掲載されました。</p> 31 <p>4月18日、KUJIRA cafeがオープンしました。ここ九寺楽の町で、皆さんが気軽に立ち寄れる、ゆったりと時間を過ごせる落ち着いた場所にしたいと思っています。ここでは週2回「<a href="http://www.sbcr.jp" target="_blank">Go Takahashi</a>」がおすすめの本の紹介をします。ぜひお越しください!</p> 32 </main> 33 <!-- メイン ここまで --> 34 <!-- フッター --> 35 <footer class="footer"> 36 <p>&copy;Copyright KUJIRA Cafe. All rights reserved.</p> 37 </footer> 38 <!-- フッターここまで --> 39</div> 40</body> 41</html> 42 43 442ページ目(about.html) 45<!doctype html> 46<html> 47<head> 48<meta charset="UTF-8"> 49<title>KUJIRA Cafeについて | KUJIRA Cafe/title> 50</head> 51<body> 52<div class="wrapper"> 53 <!-- ヘッダー --> 54 <header class="header"> 55 <h1 class="logo"><a href = "index.html"><img src="images/logo.png" alt="KUJIRA Cafe"</a></h1> 56 <nav class="nav"> 57 <ul> 58 <li><a href = "index.html">ホーム</a></li> 59 <li><a href = "about.html">店舗案内</a></li> 60 <li><a href = "access.html">アクセス</a></li> 61 <li><a href = "menu.html">メニュー</a></li> 62 <li><a href = "contact.html">お問い合わせ</a></li> 63 </ul> 64 </nav> 65 </header> 66 <!-- ヘッダー ここまで --> 67 <!-- メイン --> 68 <main> 69 <h2>手作りタルトと香り高い珈琲で、寛ぎのカフェタイムを</h2> 70 <p><img src = "images/about-photo.jpg" alt= "タルトの写真">大海原と悠然と泳ぐクジラの姿……私は今も忘れません。</p> 71 <p>KUJIRA cafeは、4月18日に九寺楽町にオープンしたカフェです。立ち寄ってくださったお客様がゆったりとした時間を過ごせるような店作りを心がけています。おかげさまで開店以来多くのお客様をお迎えすることができました。地元の方が足繁く通ってくださることは、私たちにとって大きな励みになっています。</p> 72 <p>また、中には遠方からはるばるいらっしゃるお客様も多く、皆様にはたいへん感謝しております。</p> 73 <p>お食事は、気軽に楽しめる小ぶりのキッシュとタルトが自慢です。地元で採れた材料を中心に、できるだけ素材の味をそのまま引き出す方法で調理しています。地元産のイワシを使った自家製サーディンのキッシュ。アプリコットやリンゴをはじめ、旬の果物を使ったタルト。季節の味を楽しめるように、いつもメニューを見直し、入れ替えています。メニューの入れ替えはNewsでお知らせします。</p> 74 <p>店主は10年間イタリアのカフェ・バールで給仕したバリスタ。エスプレッソコーヒーを中心に、地元産の果物を使ったジュースからハーブティーまで、さまざまなバリエーションの飲み物をご用意しております。</p> 75 <p>皆様のお越しを心よりお待ちしております。</p> 76 77 <h2>店舗情報</h2> 78 79 </main> 80 <!-- メイン ここまで --> 81 <!-- フッター --> 82 <footer class="footer"> 83 <p>&copy;Copyright KUJIRA Cafe. All rights reserved.</p> 84 </footer> 85 <!-- フッターここまで --> 86</div> 87</body> 88</html> 89

試したこと

access,htmlでも同じ現象が起きた。

補足情報(FW/ツールのバージョンなど)

イタリックテキスト

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2019/03/27 02:46

https://studio947.net/book-samples/sura2sample/ ↑問題が再現しませんでした。 ご提示いただいていない情報に原因があると思われます。 1ページ目のファイルと2ページ目のファイルは、どのようにフォルダ内に配置していますか?
yoshinavi

2019/03/27 03:16

全てのHTMLファイルが「同じ階層」にあるのでしょうか?
yoshinavi

2019/03/27 03:20

フォルダやファイルの構成が分かるモノ(イメージ図、テキスト形式、等)を提示されると良いかと思います。
Lhankor_Mhy

2019/03/27 03:25

その image.jpg はソースコードに登場しませんが、なにが入っているのでしょうか?
Lhankor_Mhy

2019/03/27 03:25

ところで、そのパスに本名をうかがわせるものがありますが、大丈夫でしょうか?
guest

回答2

0

ファイル名間違えてませんか?
拡張子なので,ではなく.です。
HTMLでもabout.htmlと遷移先のURLを書かれてますよね。それにあわせてください。

投稿2019/03/27 02:43

m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nHo3KDuM2dblaer

2019/03/27 03:12

すいません。HTMLでも遷移先のURLでもabout.htmlと表示しています。 この質問の時に打ち間違えてしまいました。
yambejp

2019/03/27 03:14

紛らわしいので質問文を修正してください
Lhankor_Mhy

2019/03/27 03:25

> nHo3KDuM2dblaerさん いえ、そうではなくて、mts10806さんがおっしゃっているのはURLやHTMLコードの話ではなくて、ファイル名がそうなっているのではないか? という指摘です。
m.ts10806

2019/03/27 03:29

あとはアドレス直接 about.html と打って表示されるか、ですかね。 ファイル名間違ってるか、指定の場所にHTMLを置いていないかのどちらかだとは思いますが。
guest

0

自己解決

全て削除しやり直したら表示されました。
質問の仕方など未熟で大変申し訳ありませんでした。
ご協力ありがとうございました。

投稿2019/03/27 12:48

nHo3KDuM2dblaer

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問