質問編集履歴

3

htmlを記載しました 階層は間違ってないです

2021/05/25 08:30

投稿

Mandanuki
Mandanuki

スコア5

test CHANGED
File without changes
test CHANGED
@@ -1,18 +1,40 @@
1
- ```javscript
1
+ ```html
2
+
3
+ <!DOCTYPE html>
4
+
5
+ <html lang="ja">
6
+
7
+ <head>
8
+
9
+ <meta charset="UTF-8">
10
+
11
+ <link href="css/recruitment.css" rel="stylesheet" type="text/css" >
12
+
13
+ <link href="css/swiper.min.css" rel="stylesheet" type="text/css" >
14
+
15
+ <title></title>
16
+
17
+ <meta name="viewport" content="width=device-width,initial-scale=1">
18
+
19
+ <script type="text/javascript" src="js/swiper.min.js"></script>
20
+
21
+
2
22
 
3
23
  <script>
4
24
 
5
25
  let mySwiper = new Swiper ('.swiper-container', {
6
26
 
7
- loop: true,
27
+ loop: true,
8
28
 
9
- pagination: {
29
+ pagination: {
10
30
 
11
31
  el: '.swiper-pagination',
12
32
 
13
33
  clickable: true,
14
34
 
15
35
  },
36
+
37
+
16
38
 
17
39
  navigation: {
18
40
 
@@ -28,19 +50,29 @@
28
50
 
29
51
 
30
52
 
31
- ```
53
+
32
54
 
55
+ </head>
56
+
33
- ```html
57
+ <body>
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+ <div class="section1">
34
66
 
35
67
  <div class="swiper-slide">
36
68
 
37
- <div class="slide-img zoom"><img src="image/slide/recruitment-1.jpg" alt=""></div>
69
+ <div class="slide-img zoom"><img src="image/slide/recruitment-1.jpg" alt=""></div>
38
70
 
39
71
  <div class="slide-content">
40
72
 
41
- <h1 class="from_top">1枚目</h1>
73
+ <h1 class="from_top">スライド1</h1>
42
74
 
43
- <p>あああああ</p>
75
+ <p>あああああ</p>
44
76
 
45
77
  <div class="caption">caption 01</div>
46
78
 
@@ -54,9 +86,9 @@
54
86
 
55
87
  <div class="slide-content">
56
88
 
57
- <h2 class="from_left">2枚目</h2>
89
+ <h2 class="from_left">スライド2</h2>
58
90
 
59
- <p class="from_right">いいいいいいい</p>
91
+ <p class="from_right">いいいいい</p>
60
92
 
61
93
  <div class="caption">caption 02</div>
62
94
 
@@ -70,7 +102,7 @@
70
102
 
71
103
  <div class="slide-content">
72
104
 
73
- <h3 class="from_bottom">3枚目</h3>
105
+ <h3 class="from_bottom">スライド3</h3>
74
106
 
75
107
  <p>ううううう</p>
76
108
 
@@ -79,6 +111,16 @@
79
111
  </div>
80
112
 
81
113
  </div>
114
+
115
+ </div><!--section1-->
116
+
117
+ <div class="footer">
118
+
119
+ </div>
120
+
121
+ </body>
122
+
123
+ </html>
82
124
 
83
125
  ```
84
126
 

2

エラーを記載しました

2021/05/25 08:30

投稿

Mandanuki
Mandanuki

スコア5

test CHANGED
File without changes
test CHANGED
@@ -92,4 +92,10 @@
92
92
 
93
93
 
94
94
 
95
- エラーはシンタックスエラーです
95
+ エラー
96
+
97
+
98
+
99
+ DevTools failed to load SourceMap: Could not load content for js/jquery.min.map: System error: net::ERR_FILE_NOT_FOUND
100
+
101
+ DevTools failed to load SourceMap: Could not load content for js/swiper.min.js.map: System error: net::ERR_FILE_NOT_FOUND

1

htmlを記載しました MarkDownのcode機能でブロック化しました

2021/05/25 08:16

投稿

Mandanuki
Mandanuki

スコア5

test CHANGED
File without changes
test CHANGED
@@ -1,20 +1,18 @@
1
+ ```javscript
2
+
1
3
  <script>
2
4
 
3
5
  let mySwiper = new Swiper ('.swiper-container', {
4
6
 
5
7
  loop: true,
6
8
 
7
-
8
-
9
- pagination: {
9
+ pagination: {
10
10
 
11
11
  el: '.swiper-pagination',
12
12
 
13
13
  clickable: true,
14
14
 
15
15
  },
16
-
17
-
18
16
 
19
17
  navigation: {
20
18
 
@@ -24,11 +22,65 @@
24
22
 
25
23
  },
26
24
 
27
-
28
-
29
25
  })
30
26
 
31
27
  </script>
28
+
29
+
30
+
31
+ ```
32
+
33
+ ```html
34
+
35
+ <div class="swiper-slide">
36
+
37
+ <div class="slide-img zoom"><img src="image/slide/recruitment-1.jpg" alt=""></div>
38
+
39
+ <div class="slide-content">
40
+
41
+ <h1 class="from_top">1枚目</h1>
42
+
43
+ <p>ああああああ</p>
44
+
45
+ <div class="caption">caption 01</div>
46
+
47
+ </div>
48
+
49
+ </div>
50
+
51
+ <div class="swiper-slide">
52
+
53
+ <div class="slide-img translate1"><img src="image/slide/recruitment-2.jpg" alt=""></div>
54
+
55
+ <div class="slide-content">
56
+
57
+ <h2 class="from_left">2枚目</h2>
58
+
59
+ <p class="from_right">いいいいいいい</p>
60
+
61
+ <div class="caption">caption 02</div>
62
+
63
+ </div>
64
+
65
+ </div>
66
+
67
+ <div class="swiper-slide">
68
+
69
+ <div class="slide-img translate2"><img src="image/slide/recruitment-3.jpg" alt=""></div>
70
+
71
+ <div class="slide-content">
72
+
73
+ <h3 class="from_bottom">3枚目</h3>
74
+
75
+ <p>ううううう</p>
76
+
77
+ <div class="caption">caption 03</div>
78
+
79
+ </div>
80
+
81
+ </div>
82
+
83
+ ```
32
84
 
33
85
 
34
86
 
@@ -37,3 +89,7 @@
37
89
  どこがまちがっているのかわかりません。
38
90
 
39
91
  よろしくお願いします。
92
+
93
+
94
+
95
+ エラーはシンタックスエラーです