dannyGan.github.io/css.html at master · dannyGan/dannyGan.github.io · GitHub

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
<!DOCTYPE html>
    <html>
    <link href="style.css" rel="stylesheet" type="text/css"/>

        <head>
            <title>CSS</title>
        </head>

        <body>

            <header>
                <h2 class="homehome"><a href="week0_experience.html" id="0">Home</a></h2>
            </header>

            <judul>
                <H2>CSS</H2>
            </judul>

            <list>
                <ol>
                    <li><a href="#1" class="olla">Selectors and Visual Rules</a></li>
                    <li><a href="#2" class="olla">The Box Model</a></li>
                    <li><a href="#3" class="olla">Display and Positioning</a></li>
                    <li><a href="#4" class="olla">Colors</a></li>
                    <li><a href="#5" class="olla">Typography</a></li>
                </ol>
            </list>

            <konten>

                <no1 id="1">1. Selectors and Visual Rules</1>
                    <p>CSS bisa merubah tampilan pada halaman HTML melalui tag yang telah dinamakan(element,class&id).</p>
                    <br><br>
                    <img src="css1.png"/>
                    <br><br><br><br>

                <no2 id="2">2. The Box Model</2>
                    <p>Untuk setiap element memiliki 4 kotak untuk mengatur penempatan element di dalam element tersebut.</p>
                    <br><br>
                    <img src="css2.png"/>
                    <br><br><br><br>

                <no3 id="3">3. Display and Positioning</3>
                    <p>Digunakan untuk penempatan element di web HTML.</p>
                    <br><br>
                    <img src="css3.png"/>
                    <br><br><br><br>

                <no4 id="4">4. Colors</4>
                    <p>Pewarnaan dalam CSS bisa menggunakan 4 jenis cara, yaitu berdasarkan warna, hexadecimal, RGB & HSL.</p>
                    <br><br>
                    <img src="css4.png"/>
                    <br><br><br><br>

                <no5 id="5">5. Typography</5>
                    <p>Digunakan untuk mengatur text yang akan ditampilkan di web browser, bisa menggunakan sumber local maupun internet.</p>
                    <br><br>
                    <img src="css5.png"/>
                    <br><br><br><br>

                </konten>
        </body>
        <footer>
            <a href=#0>back to top</a>
            <br>
            <a>by Danny</a>
        </footer>
    </html>