質問編集履歴

3

先の質問者様が得られた回答を反映したコードを追加しました

2020/11/11 10:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
 
24
24
 
25
- 後から自分と同じ質問をしている方を見かけましたが、画像形式を変える方法がわからずいま調べようとしているところです。
25
+
26
26
 
27
27
 
28
28
 
@@ -287,3 +287,85 @@
287
287
 
288
288
 
289
289
  ![フォルダ構成](b916c2cf9d100900236d852156233dca.png)
290
+
291
+
292
+
293
+ [同じ質問](https://teratail.com/questions/294650?link=qa_related_pc)をしている方への回答を参考にして画像ファイルをicoファイルにしてコードを書き換えましたがうまくいきませんでした。以下がそのhtmlファイルです。cssについての書き換えはしておりません。
294
+
295
+
296
+
297
+ ```HTML5
298
+
299
+ <!DOCTYPE html>
300
+
301
+ <html lang="ja">
302
+
303
+
304
+
305
+ <head>
306
+
307
+ <meta charset="utf-8">
308
+
309
+ <title>WCB Cafe</title>
310
+
311
+ <meta name="description" content="ブレンドコーヒーとヘルシーなオーガニックフードを提供するカフェ">
312
+
313
+ <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
314
+
315
+ <link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
316
+
317
+ <link href="css/style.css" rel="stylesheet">
318
+
319
+ <link rel="icon" type="image/x-icon" href="images/favicon.ico">
320
+
321
+ </head>
322
+
323
+
324
+
325
+ <body>
326
+
327
+ <div id="home" class="big-bg">
328
+
329
+ <header class="page-header wrapper">
330
+
331
+ <h1><a href="index.html"><img src="images/logo.svg" alt="WCBカフェホーム" class="logo"></a></h1>
332
+
333
+ <nav>
334
+
335
+ <ul class="main-nav">
336
+
337
+ <li><a href="news.html">News</a></li>
338
+
339
+ <li><a href="menu.html">Menu</a></li>
340
+
341
+ <li><a href="contact.html">Contact</a></li>
342
+
343
+
344
+
345
+ </ul>
346
+
347
+ </nav>
348
+
349
+ </header>
350
+
351
+
352
+
353
+ <div class="home-content wrapper">
354
+
355
+ <h2 class="page-title">We'll Make Your Day</h2>
356
+
357
+ <p>おしゃれなカフェで癒されてみませんか?無添加の食材で体の中からリフレッシュ</p>
358
+
359
+ <a href="menu.html" class="button">メニューを見る</a>
360
+
361
+ </div>
362
+
363
+ </div>
364
+
365
+ </body>
366
+
367
+
368
+
369
+ </html>
370
+
371
+ ```

2

参照するfavicon用のファイルが指定された場所にあることを示すために画像を張りました

2020/11/11 10:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -281,3 +281,9 @@
281
281
  }
282
282
 
283
283
  ```
284
+
285
+ このようなフォルダ構成になっています
286
+
287
+
288
+
289
+ ![フォルダ構成](b916c2cf9d100900236d852156233dca.png)

1

あとから自分と同じ質問をしている方を見つけましたので実践中です。回答は今しばらくお待ちください。

2020/11/11 10:05

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -22,6 +22,8 @@
22
22
 
23
23
 
24
24
 
25
+ 後から自分と同じ質問をしている方を見かけましたが、画像形式を変える方法がわからずいま調べようとしているところです。
26
+
25
27
 
26
28
 
27
29