-
Notifications
You must be signed in to change notification settings - Fork 1
/
1_selector.html
69 lines (61 loc) · 1.32 KB
/
1_selector.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>test CSS</title>
<link
rel="stylesheet"
type="text/css"
href="1_selector.css"
>
</head>
<body>
<!-- tag class id selector -->
<p>Andi</p>
<p class="student">Budi</p>
<p class="student"
id="caca">
Caca
</p>
<hr>
<!-- atribute selector -->
<p><a href="abc.com">
Go to abc.com
</a></p>
<p><a href="xyz.id">
Go to xyz.id
</a></p>
<hr>
<!-- grouping -->
<b>Ini bold</b><br>
<i>Ini italic</i><br>
<ins>Ini underline</ins><br>
<hr>
<!-- descendant selector -->
<h3>
Ini heading 3 di luar header
</h3>
<header>
<h3>Ini heading 3 di dalam header</h3>
<p>Ini paragraf dalam header</p>
</header>
<!-- child selector -->
<hr>
<article>
<p>Ini p di article</p>
<main>
<p>Ini p di main</p>
</main>
</article>
<!-- adjacent selector -->
<hr>
<h6>Ini heading 6</h6>
<small>Andi</small>
<small>Budi</small>
<small>Caca</small>
<small>Deni</small>
<br><br><br><br><br><br><br>
</body>
</html>