質問編集履歴
2
フォルダ階層、head部分を追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -15,6 +15,12 @@
|
|
15
15
|
(html)
|
16
16
|
|
17
17
|
```
|
18
|
+
|
19
|
+
<head>
|
20
|
+
|
21
|
+
<meta charset="utf-8">
|
22
|
+
|
23
|
+
<link rel="stylesheet" type="text/css" href="css/style.css">
|
18
24
|
|
19
25
|
<body id="sample">
|
20
26
|
|
@@ -86,6 +92,6 @@
|
|
86
92
|
|
87
93
|
homepage---index.html
|
88
94
|
|
89
|
-
|
95
|
+
css--------style.css
|
90
96
|
|
91
97
|
img---top.png
|
1
コード、フォルダ階層追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,18 +14,78 @@
|
|
14
14
|
|
15
15
|
(html)
|
16
16
|
|
17
|
-
|
17
|
+
```
|
18
18
|
|
19
|
-
|
19
|
+
<body id="sample">
|
20
20
|
|
21
|
+
<div id="web" ><!-- web開始 -->
|
22
|
+
|
23
|
+
<div id="menu"><!-- menu開始 -->
|
24
|
+
|
25
|
+
<div class="top"><!-- TOP画 -->
|
26
|
+
|
27
|
+
test
|
28
|
+
|
21
|
-
</div>
|
29
|
+
</div><!-- top終了 -->
|
30
|
+
|
31
|
+
```
|
22
32
|
|
23
33
|
|
24
34
|
|
25
35
|
(CSS)
|
26
36
|
|
37
|
+
```ここに言語を入力
|
38
|
+
|
39
|
+
body { margin:0;
|
40
|
+
|
41
|
+
font-size: 1em; }
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
#web { width: 90%;
|
46
|
+
|
47
|
+
margin: auto;
|
48
|
+
|
49
|
+
padding: 0%; }
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
#head { width: 100%; }
|
54
|
+
|
55
|
+
|
56
|
+
|
57
|
+
#menu { width: 20%;
|
58
|
+
|
59
|
+
margin-top: 10px;
|
60
|
+
|
61
|
+
display: block;
|
62
|
+
|
63
|
+
float: left; }
|
64
|
+
|
65
|
+
|
66
|
+
|
67
|
+
#main { width: 79%;
|
68
|
+
|
69
|
+
float: right; }
|
70
|
+
|
27
71
|
|
28
72
|
|
29
73
|
.top { width: 100%;
|
30
74
|
|
75
|
+
height: 200px;
|
76
|
+
|
31
|
-
background-image: url("img/t
|
77
|
+
background-image: url("img/top.png"); }
|
78
|
+
|
79
|
+
```
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
(フォルダ階層)
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
homepage---index.html
|
88
|
+
|
89
|
+
style.css
|
90
|
+
|
91
|
+
img---top.png
|