practice1.html
1.91 KB
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
<html>
<style>
h1
{
text-align: center;
}
a:link, a:visited
{
text-decoration: none;
color: black;
}
a:hover
{
color: hotpink;
}
a.a1:link, a.a1:visited
{
background-color: #50c964;
color: white;
padding: 15px 500px;
text-align: center;
display: inline-block;
border-radius: 15px; /*상자의 끝을 둥글게 굴려주는 역할. 숫자가 클 수록 많이 굴려짐*/
}
a.a1:hover
{
background-color: #5060c9;
color: #000;
}
/*클래스 쓰는 방법*/
li.inline_practice
{
display: inline;
margin-right: 10%;
}
table
{
border-collapse: collapse;
width: 50%;/*간격을 띄움*/
}
table
{
margin: 50px 50px; /*위와 왼쪽에 여백을 줌*/
}
p
{
/*왼쪽에만 선을 그림*/
border-left: 20px solid #50c964;
}
</style>
<meta charset="utf-8">
<title>실습2</title>
<body>
<h1><a class = "a1" href="https://namu.wiki/w/%EB%B9%85%EB%B1%85">빅뱅</a></h1>
<img src="http://pds21.egloos.com/pds/201502/10/79/b0215379_54da13e304e3e.jpg"/> <!--URL로 이미지를 넣음-->
<ul>
<li>구성원</li>
<ul>
<li>지드래곤</li>
<li>태양</li>
<li>탑</li>
<li>대성</li>
<li>승리</li>
</ul>
<li>설명</li>
<p>
<br/>2006년에 힙합 그룹으로 데뷔 한 YG엔터테인먼트 대표 아이돌이다.<br/>
2007년 10대들의 패션과 이후 쏟아져나온 아이돌 그룹의 컨셉에 크게 영향을 준 그룹이다.<br/>
힙합 컨셉을 정면으로 들고 나와 큰 성공을 거뒀다.<br/><br/>
</p>
<li>소속사 : <a href = "http://www.ygfamily.co.kr/" target="_blank">YG entertainment</a></li> <!--target="_blank"의 의미 : 새 탭에 띄운다.-->
<br/>
<li>앨범</li>
<table border="0">
<tr>
<td>Always</td>
<td>Hot Issue</td>
<td>Stand Up</td>
</tr>
</table>
</ul>
</body>
</html>