質問編集履歴
4
画像ページでの表示状態
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の状態
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画像の追加
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
分かりづらい部分の画像の添付
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>
|