質問編集履歴

2

編集

2018/08/01 14:24

投稿

hideprog
hideprog

スコア19

test CHANGED
File without changes
test CHANGED
@@ -52,7 +52,7 @@
52
52
 
53
53
  <div class="header-logo">ヘッダーロゴです</div>
54
54
 
55
-  <div cladd="header-list">
55
+  <div class="header-list">
56
56
 
57
57
  <ul>
58
58
 
@@ -101,6 +101,8 @@
101
101
  </body>
102
102
 
103
103
  </html>
104
+
105
+
104
106
 
105
107
  ```CSS
106
108
 
@@ -167,5 +169,3 @@
167
169
 
168
170
 
169
171
  ```
170
-
171
- ```

1

コードを挿入致しました。

2018/08/01 14:24

投稿

hideprog
hideprog

スコア19

test CHANGED
File without changes
test CHANGED
@@ -18,4 +18,154 @@
18
18
 
19
19
 
20
20
 
21
- ![![![イメージ説明](f25847d5fa24d1c9a4d5dd61b5123d5d.png)](4b517f7361957c72cece1e4a72a7126a.png)](aa524610fed76d98e59ab25afcd0d9c8.png)
21
+ ![![![イメージ説明](f25847d5fa24d1c9a4d5dd61b5123d5d.png)](
22
+
23
+
24
+
25
+ ```HTML
26
+
27
+ <!DOCTYPE html>
28
+
29
+ <html>
30
+
31
+ <head>
32
+
33
+ <mata charset="utf-8">
34
+
35
+
36
+
37
+ <link rel="stylesheet" href="kokokara.css">
38
+
39
+ <title>ページタイトル</title>
40
+
41
+
42
+
43
+ </head>
44
+
45
+
46
+
47
+ <body>
48
+
49
+
50
+
51
+ <div class="header">
52
+
53
+ <div class="header-logo">ヘッダーロゴです</div>
54
+
55
+  <div cladd="header-list">
56
+
57
+ <ul>
58
+
59
+ <li>ヘッダーリスト1</li>
60
+
61
+ <li>ヘッダーリスト2</li>
62
+
63
+ <li>ヘッダーリスト3</li>
64
+
65
+ </ul>
66
+
67
+
68
+
69
+ </div>
70
+
71
+
72
+
73
+
74
+
75
+
76
+
77
+ <div class="main">
78
+
79
+
80
+
81
+ <a href="https://ssl.jobcan.jp/m?code=254b040fbadd43176d1567b4361ae5cc"></a>
82
+
83
+
84
+
85
+ </div>
86
+
87
+
88
+
89
+ <div class="footer">
90
+
91
+
92
+
93
+ <div class>
94
+
95
+
96
+
97
+
98
+
99
+
100
+
101
+ </body>
102
+
103
+ </html>
104
+
105
+ ```CSS
106
+
107
+ @charset "UTF-8";
108
+
109
+
110
+
111
+ .header{
112
+
113
+
114
+
115
+ background-color: #6495ED;
116
+
117
+ }
118
+
119
+
120
+
121
+ .header-logo{
122
+
123
+
124
+
125
+ font-size: 30px;
126
+
127
+ }
128
+
129
+
130
+
131
+ .header-list li{
132
+
133
+
134
+
135
+ padding: 20px;
136
+
137
+ list-style:none;
138
+
139
+ float:right;
140
+
141
+
142
+
143
+ }
144
+
145
+
146
+
147
+ .main{
148
+
149
+
150
+
151
+ background-color: #AFEEEE;
152
+
153
+
154
+
155
+ }
156
+
157
+
158
+
159
+ .footer{
160
+
161
+
162
+
163
+ background-color: #87CEFA;
164
+
165
+ }
166
+
167
+
168
+
169
+ ```
170
+
171
+ ```