質問編集履歴

4

画像ページでの表示状態

2021/04/11 09:20

投稿

iceforest
iceforest

スコア15

test CHANGED
File without changes
test CHANGED
@@ -76,6 +76,10 @@
76
76
 
77
77
 
78
78
 
79
+ https://siteofearth.com/1/image/main.png で表示した状態。
80
+
81
+ ![イメージ説明](9cbde10ea866f90a520cb14a95d5da58.png)
82
+
79
83
  ```HTML
80
84
 
81
85
  <!DOCTYPE html>

3

画像が1/4の状態

2021/04/11 09:20

投稿

iceforest
iceforest

スコア15

test CHANGED
File without changes
test CHANGED
@@ -70,6 +70,12 @@
70
70
 
71
71
 
72
72
 
73
+ 画像が1/4現れた状態
74
+
75
+ ![イメージ説明](3720042c08fe6e230d1bb54768aa5149.png)
76
+
77
+
78
+
73
79
  ```HTML
74
80
 
75
81
  <!DOCTYPE html>

2

サイトの現在のF12画像の追加

2021/04/11 09:16

投稿

iceforest
iceforest

スコア15

test CHANGED
File without changes
test CHANGED
@@ -64,6 +64,12 @@
64
64
 
65
65
 
66
66
 
67
+ サイトのF12で見た時の画像はこちらです。
68
+
69
+ ![イメージ説明](6ea65c921162776e2626e79a31f977c1.png)
70
+
71
+
72
+
67
73
  ```HTML
68
74
 
69
75
  <!DOCTYPE html>

1

分かりづらい部分の画像の添付

2021/04/11 05:56

投稿

iceforest
iceforest

スコア15

test CHANGED
File without changes
test CHANGED
@@ -20,6 +20,50 @@
20
20
 
21
21
 
22
22
 
23
+ filzilaでの画面です。画像フォルダは存在していましたが、Vscode上と違います。
24
+
25
+ Vscodeがまだ全然分かっていないので、申し訳ありません。
26
+
27
+ Isaraの模写コーディングのソースはサーバーにアップ禁止なので、別フォルダに移した際に、フォルダ「模写コーディング」を英語表記(漢字表記のフォルダをなくすため)の「mosya」に変えたときになんだかわからないけどワークスペースが出来てしまった経緯があります。
28
+
29
+ ![イメージ説明](7e68c21ba67ce2f0e97314c88a043ee1.png)
30
+
31
+ Vscodeの画面です。
32
+
33
+ ![イメージ説明](393f88221c471b12ca1439bb9120b448.png)
34
+
35
+ Vscodeのindex.htmlのimgタグの相対パス(<img src="1\image\main.png"> )のリンクを表示を押すと、
36
+
37
+
38
+
39
+ 「イメージ読込中にエラーが発生しました。」
40
+
41
+ 「vscodeの標準テキストまたはバイナリエディターを使用してファイルを開きますか?」
42
+
43
+
44
+
45
+ と出ました。
46
+
47
+
48
+
49
+ 「vscodeの標準テキストまたはバイナリエディターを使用してファイルを開きますか?」のリンクを押すと
50
+
51
+
52
+
53
+ 'main.png' を開くことができません: ファイル 'c:\Users\正人.vscode\mosya\1\1\image\main.png' を読み取れません (Error: 存在しないファイル 'c:\Users\正人.vscode\mosya\1\1\image\main.png' を解決できません)。(右下にフォルダを作成ボタンの表示)。
54
+
55
+ ![イメージ説明](11a3bd7532dbfb98e2f0917455502805.png)
56
+
57
+
58
+
59
+ 右下のフォルダを作成ボタンを押すと、もともとあるimageフォルダの他に、1\imageフォルダが新たに作られて、その中にimageフォルダと同じ名前のmain.pngファイルが入っています。
60
+
61
+ そのファイルのリンクを表示を押すと、コードを書く感じになります。
62
+
63
+ ![イメージ説明](2356228188d0746ef6b3995b37a593bc.png)
64
+
65
+
66
+
23
67
  ```HTML
24
68
 
25
69
  <!DOCTYPE html>