質問編集履歴
3
先の質問者様が得られた回答を反映したコードを追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
ファビコンを表示するためにどう変更すればよいのか、このようなことが起こらないようにどう対策すればよいのか、初心者のうちにどう検索したらこのような問題が解決できるかを教えていただきたいです。
|
|
11
11
|
よろしくお願いします。
|
|
12
12
|
|
|
13
|
-
後から自分と同じ質問をしている方を見かけましたが、画像形式を変える方法がわからずいま調べようとしているところです。
|
|
14
13
|
|
|
15
14
|
|
|
15
|
+
|
|
16
16
|
```HTML5
|
|
17
17
|
<!DOCTYPE html>
|
|
18
18
|
<html lang="ja">
|
|
@@ -142,4 +142,45 @@
|
|
|
142
142
|
```
|
|
143
143
|
このようなフォルダ構成になっています
|
|
144
144
|
|
|
145
|
-
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
[同じ質問](https://teratail.com/questions/294650?link=qa_related_pc)をしている方への回答を参考にして画像ファイルをicoファイルにしてコードを書き換えましたがうまくいきませんでした。以下がそのhtmlファイルです。cssについての書き換えはしておりません。
|
|
148
|
+
|
|
149
|
+
```HTML5
|
|
150
|
+
<!DOCTYPE html>
|
|
151
|
+
<html lang="ja">
|
|
152
|
+
|
|
153
|
+
<head>
|
|
154
|
+
<meta charset="utf-8">
|
|
155
|
+
<title>WCB Cafe</title>
|
|
156
|
+
<meta name="description" content="ブレンドコーヒーとヘルシーなオーガニックフードを提供するカフェ">
|
|
157
|
+
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
|
|
158
|
+
<link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
|
|
159
|
+
<link href="css/style.css" rel="stylesheet">
|
|
160
|
+
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
|
|
161
|
+
</head>
|
|
162
|
+
|
|
163
|
+
<body>
|
|
164
|
+
<div id="home" class="big-bg">
|
|
165
|
+
<header class="page-header wrapper">
|
|
166
|
+
<h1><a href="index.html"><img src="images/logo.svg" alt="WCBカフェホーム" class="logo"></a></h1>
|
|
167
|
+
<nav>
|
|
168
|
+
<ul class="main-nav">
|
|
169
|
+
<li><a href="news.html">News</a></li>
|
|
170
|
+
<li><a href="menu.html">Menu</a></li>
|
|
171
|
+
<li><a href="contact.html">Contact</a></li>
|
|
172
|
+
|
|
173
|
+
</ul>
|
|
174
|
+
</nav>
|
|
175
|
+
</header>
|
|
176
|
+
|
|
177
|
+
<div class="home-content wrapper">
|
|
178
|
+
<h2 class="page-title">We'll Make Your Day</h2>
|
|
179
|
+
<p>おしゃれなカフェで癒されてみませんか？無添加の食材で体の中からリフレッシュ</p>
|
|
180
|
+
<a href="menu.html" class="button">メニューを見る</a>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</body>
|
|
184
|
+
|
|
185
|
+
</html>
|
|
186
|
+
```
|
2
参照するfavicon用のファイルが指定された場所にあることを示すために画像を張りました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -139,4 +139,7 @@
|
|
|
139
139
|
#home .page-title{
|
|
140
140
|
text-transform:none;
|
|
141
141
|
}
|
|
142
|
-
```
|
|
142
|
+
```
|
|
143
|
+
このようなフォルダ構成になっています
|
|
144
|
+
|
|
145
|
+
|
1
あとから自分と同じ質問をしている方を見つけましたので実践中です。回答は今しばらくお待ちください。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
ファビコンを表示するためにどう変更すればよいのか、このようなことが起こらないようにどう対策すればよいのか、初心者のうちにどう検索したらこのような問題が解決できるかを教えていただきたいです。
|
|
11
11
|
よろしくお願いします。
|
|
12
12
|
|
|
13
|
+
後から自分と同じ質問をしている方を見かけましたが、画像形式を変える方法がわからずいま調べようとしているところです。
|
|
13
14
|
|
|
14
15
|
|
|
15
16
|
```HTML5
|