質問編集履歴

2

Markdown使用。

2020/10/13 07:04

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,74 @@
1
+ ```<!DOCTYPE html>
2
+
3
+ <html lang="ja">
4
+
5
+ <head>
6
+
7
+ <meta charset="utf-8">
8
+
9
+ <title>WCB Cafe</title>
10
+
11
+   <meta name="description" content="ブレンドコーヒーとヘルシーなオーガニックフードを提供するカフェ">
12
+
13
+ <link rel="icon" type="image/png" href="images/favicon.png">
14
+
15
+ <!--CSS-->
16
+
17
+ <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
18
+
19
+ <link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
20
+
21
+ <link href="css/style.css" rel="stylesheet">
22
+
23
+ </head>
24
+
25
+ <body>
26
+
27
+ <div id="home" class="big-bg">
28
+
29
+ <header class="page-header wrapper">
30
+
31
+ <h1><a href="index.html"><img class="logo" src="images/logo.svg" alt="WCBカフェホーム"></a></h1>
32
+
33
+ <nav>
34
+
35
+ <ul class="main-nav">
36
+
37
+ <li><a href="news.html">News</a></li>
38
+
39
+ <li><a href="menu.html">Menu</a></li>
40
+
41
+ <li><a href="contact.html">Contact</a></li>
42
+
43
+ </ul>
44
+
45
+ </nav>
46
+
47
+ </header>
48
+
49
+
50
+
51
+ <div class="home-content wrapper">
52
+
53
+ <h2 class="page-title">We'll Make Your Day</h2>
54
+
55
+ <p>おしゃれなカフェで癒されてみませんか?無添加の食材で体の中からリフレッシュ。</P>
56
+
57
+ <a class="button" href="menu.html">メニューを見る</a>
58
+
59
+ </div><!-- /.home-content -->
60
+
61
+ </div><!-- /#home -->
62
+
63
+ </body>
64
+
65
+ </html>
66
+
67
+
68
+
69
+ コード
70
+
1
- ![イメージ説明](e32ddd96b07f14d623fa4732a25812fd.png)
71
+ ```![イメージ説明](e32ddd96b07f14d623fa4732a25812fd.png)
2
72
 
3
73
  ### 前提・実現したいこと
4
74
 
@@ -192,71 +262,7 @@
192
262
 
193
263
  ```
194
264
 
195
- <!DOCTYPE html>
265
+
196
-
197
- <html lang="ja">
198
-
199
- <head>
200
-
201
- <meta charset="utf-8">
202
-
203
- <title>WCB Cafe</title>
204
-
205
-   <meta name="description" content="ブレンドコーヒーとヘルシーなオーガニックフードを提供するカフェ">
206
-
207
- <link rel="icon" type="image/png" href="images/favicon.png">
208
-
209
- <!--CSS-->
210
-
211
- <link rel="stylishsheet" href="https://unpkg.com/ress/dist/ress.min.css">
212
-
213
- <link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
214
-
215
- <link href="css/style.css" rel="stylesheet">
216
-
217
- </head>
218
-
219
- <body>
220
-
221
- <div id="home" class="big-bg">
222
-
223
- <header class="page-header wrapper">
224
-
225
- <h1><a href="index.html"><img class="logo" src="images/logo.svg" alt="WCBカフェホーム"></a></h1>
226
-
227
- <nav>
228
-
229
- <ul class="main-nav">
230
-
231
- <li><a href="news.html">News</a></li>
232
-
233
- <li><a href="menu.html">Menu</a></li>
234
-
235
- <li><a href="contact.html">Contact</a></li>
236
-
237
- </ul>
238
-
239
- </nav>
240
-
241
- </header>
242
-
243
-
244
-
245
- <div class="home-content wrapper">
246
-
247
- <h2 class="page-title">We'll Make Your Day</h2>
248
-
249
- <p>おしゃれなカフェで癒されてみませんか?無添加の食材で体の中からリフレッシュ。</P>
250
-
251
- <a class="button" href="menu.html">メニューを見る</a>
252
-
253
- </div><!-- /.home-content -->
254
-
255
- </div><!-- /#home -->
256
-
257
- </body>
258
-
259
- </html>
260
266
 
261
267
  上記が作成したhtmlとcssです。
262
268
 

1

スクリーンショット添付

2020/10/13 07:04

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,5 @@
1
+ ![イメージ説明](e32ddd96b07f14d623fa4732a25812fd.png)
2
+
1
3
  ### 前提・実現したいこと
2
4
 
3
5
  「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」の4章をやっています。4-5までやったところ、上に余白が少しありフルスクリーンにならない事と、背景画像にあるコーヒーカップの表示面積が少なくなってしまう問題がでてきています。何度も見直したのですが、どこを改善すればよいのでしょうか。よろしくお願いします。