環境設定　ファイルパス

この指示の特に３がわかりません。
１、index.htmlに、h1で『Hello World!』と記入してください
２、test.cssに、h1のフォントサイズを32pxに設定し、index.htmlで読み込んでください
３、h1の下にtest.pngを読み込んで表示してください

そもそもフォルダとファイルの設定があっているかもわかりません。
分かる方がいたら教えていただきたいです
自分でやったコードはこれです
```ｈｔｍｌ
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/test.css">
</head>
<body>
    <h1>Hello World！</h1>
    
</body>
</html>
```

```ｃｓｓ
h1{
    font-size: 32px;
    background-image:url(">>/img/Screen-Shot-2018-10-01-at-5.45.08-PM-1024x737.png");
}

![画面です。なにかおかしいところがあったらおしえてください](be98a5c72fdfe054783386d6a6de295f.png)

miyabi_pudding

2020/02/24 15:54

３０DAYSトライアルのヘルプや、マニュアルはご確認しましたか？？また、３０DAYSトライアルからは、test.pngが提供されていませんか？

ratarata

2020/02/25 03:08

すみません。ヘルプ、マニュアルが見当たらないです。 test.pngですが、「※test.pngは持ってる写真の名前を変更して使ってください。なんの写真でもOKです。」と書かれていたので適当な画像を使いました。

行動規範の内容に同意します

回答1件

ベストアンサー

３０DAYSトライアル１ｓｔの環境設定

というのは、
https://tokyofreelance.jp/30daystrial-coding-1st/#outline__2_2
のことでしょうか。だとすると、

h1の下にtest.pngを読み込んで表示してください

この指示の意味はおそらく

<h1>Hello World！</h1>
<img src="img/test.png">

ということかと思います。そのあとのステップで画像にhoverした時のスタイル設定が出てくるので。

また、ファイルを置いているディレクトリの位置関係は合っているようです。
ただ、
background-image:url(">>/img/Screen-Shot-2018-10-01-at-5.45.08-PM-1024x737.png");
このパス指定の>>は間違いかと思います。
background-image:url("./img/Screen-Shot-2018-10-01-at-5.45.08-PM-1024x737.png");
または
background-image:url("img/Screen-Shot-2018-10-01-at-5.45.08-PM-1024x737.png");
とするべきです。

投稿2020/02/24 16:24