-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (136 loc) · 5.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
font-family: "맑은 고딕";
}
#wrapper{
width: 800px;
margin: 0 auto;
}
header{
width: 100%;
height: 150px;
background-color: #f46075;
background-image: url(images/dog.png);
background-repeat: no-repeat;
background-position: right center;
}
header nav{
float: left;
width: 70%;
margin-top: 50px;
}
nav ul{
list-style-type: none;
}
nav ul li{
display: inline;
float: left;
margin: 15px;
font-weight: bold;
}
nav ul li a{
color: white;
text-decoration: none;
}
footer p{
padding: 20px;
}
footer{
clear: both;
width: 800px;
margin-bottom: 0;
background-color: #000;
color: white;
text-align: center;
}
h1{
font-size: 2em;
}
h2{
font-size: 1.5em;
}
h3{
font-size: 1em;
}
p{
line-height: 20px;
font-size: 12px;
}
section{
float: left;
width: 580px;
}
section article{
float: left;
width: 250px;
height: 220px;
margin: 5px;
padding: 10px;
border: 1px solid #ccc;
}
aside{
float: right;
width: 200px;
margin-top: 77px;
border: 1px solid darkgreen;
}
</style>
</head>
<body>
<!-- <header></header>
<nav></nav>
<section></section>
<article></article>
<aside></aside>
<footer></footer>
<address></address> -->
<div id="wrapper">
<header>
<nav>
<ul>
<li><a href="#">개의 종류</a></li>
<li><a href="#">입양하기</a></li>
<li><a href="#">건강돌보기</a></li>
<li><a href="#">더불어살기</a></li>
</ul>
</nav>
</header>
<section>
<h2>반려견 용품 준비하기</h2>
<article class="at1">
<h3>개 집</h3>
<p>나는 내 명의로 집 하나 없는데 개는 집이 있다
강아지가 편히 쉴 수 있는 포근한 집이 필요합니다. 강아지의 집은 강아지가 다 큰 후에도 계속 쓸 수 있는 집으로 구입하세요.집을 구입하실 때는 박음질이 잘 되어 있는지, 세탁이 간편한 제품인지 꼭 확인하시고 고르시는 것이 좋습니다.
</p>
</article>
<article class="at2">
<h3>개 먹이</h3>
<p>강아지의 먹이는 꼭 어린 강아지용으로 나와있는 사료를 선택하세요. 강아지들은 사람에 비해 성장속도가 8배정도 빠르답니다. 따라서 강아지에게는 성장속도에 맞는 사료를 급여하셔야 합니다. 사람이 먹는 음식을 먹게 되면 양념과 향신료에 입맛이 익숙해지고, 비만이 될 가능성이 매우 높아집니다. 강아지용 사료는 생후 12개월까지 급여하셔야 합니다.</p>
</article>
<article class="at3">
<h3>개 식기</h3>
<p>밥그릇은 쉽게 넘어지지 않도록 바닥이 넓은 것이 좋습니다.물병은 대롱이 달린 것으로 선택하세요. 밥그릇에 물을 주게 되면 입 주변에 털이 모두 젖기 때문에 비위생적이므로 대롱을 통해서 물을 먹을 수 있는 물병을 마련하시는 것이 좋습니다.</p>
</article>
<article class="at4">
<h3>개 이름표 및 목줄</h3>
<p>강아지를 잃어버릴 염려가 있으니 산책할 무렵이 되면 이름표를 꼭 목에 걸어주도록 하세요. 그리고 방울이 달린 목걸이를 하고자 하실 때는 신중하셔야 합니다. 움직일 때마다 방울이 딸랑 거리면 신경이 예민한 강아지들에게는 좋지 않은 영향을 끼칠 수 있기 때문입니다.</p>
</article>
</section>
<aside>
<img src="images/dog1.png" alt="">
<img src="images/dog2.png" alt="">
<img src="images/dog3.png" alt="">
</aside>
<footer>
<p>Copyright 2012 funnycom</p>
</footer>
</div>
</body>
</html>