Beranda / Ngoding

Why We Use CSS ? (The Reason 1)

Oleh Sufyan Saori Posting Komentar
                          Source Image :https://www.formstack.com/blog/2010/customize-form-buttons-with-css/

Sebelum kita belajar CSS alangkah lebih indah kalau anda sekalian belajar dulu HTML, karena HTML dan CSS merupakan sahabat dekat, yang saling support satu sama lain *eah J. Oke kasusnya gini kita punya kodingan HTML yang seperti ini :
<!DOCTYPE html>
<html>
<head>
                <title>Welcome</title>
</head>
<body>
                <p>
                                hallo teman-teman perkenalkan <b>saya adalah saya, karena biarlah saya menjadi saya</b> jadi dapat disimpulkan <i><u>bahwa that, saya I, dan and, Terimakasih Thank You</u></i>.
                </p>
</body>
</html>

           Nah tulisan yang di cetak tebal pengen diberi warna ijo biar unyu-unyu gimana gitu :v. Nah caranya ada banyak pemirsa. Pilih aja mau pake cat, spidol, pensil warna atau  stabilo *eh bukan gitu maksudnya. Jadi gini nih :


 Cara 1, cara ini masih manual begini nih caranya :
<!DOCTYPE html>
<html>
<head>
                <title>Welcome</title>
</head>
<body>
                <p>
                                hallo teman-teman perkenalkan <b><font color = "lime">saya adalah saya, karena biarlah saya menjadi saya</font></b>jadi dapat disimpulkan <i><u>bahwa that, saya I, dan and, Terimakasih Thank You</u></i>.
                </p>
</body>
</html>


Cara 2, menggunakan CSS, cekidot liat dibawah gimana caranya:
<!DOCTYPE html>
<html>
<head>
                <title>Welcome</title>
                <style type="text/css">
                                b{color: lime}
                </style>
</head>
<body>
                <p>
                                hallo teman-teman perkenalkan <b>saya adalah saya, karena biarlah saya menjadi saya</b>      jadi dapat disimpulkan <i><u>bahwa that, saya I, dan and, Terimakasih Thank You</u></i>.
                </p>
</body>
</html>

Sama aja kok mas, Cuma beda tipis dalam pengetikannya. Oke gini deh sekarang kalau misalkan yang di bold ada 11 kata otomatis kita harus ngetik <font color : “lime”>…….</font> sebanyak 11 kali nah capekan ? “engga kok mas”. Ya wis terserah sampean bae lah. Nah dengan CSS tadi kita hanya perlu mengetik 3 baris tadi kan beres. “weh keren mas” *wohiyadong :v.  contoh dong mas yang lain gimana, oke ini for you  *eaakkkkkkk

<!DOCTYPE html>
<html>
<head>
                <title>Welcome</title>
                <style type="text/css">
                                b{color: lime}
                                u{color: blue}
                                i{color: yellow}
                </style>
</head>
<body>
                <p>
                                hallo teman-teman perkenalkan <b>saya adalah saya, karena biarlah saya menjadi saya</b> jadi dapat disimpulkan <u><i>bahwa that, saya I, dan and, Terimakasih Thank You</i></u>.
                </p>
</body>
</html>

Loh mas kok bisa gitu yang miring warnanya kuning , yang garis bawahnya warnanya biru ? walah kenapa ya ? saya juga ngga tau ayo kita pecahkan bersama !!!. yang mau jawab silahkan di komentar ya 
Lokasi:

Posting Komentar untuk "Why We Use CSS ? (The Reason 1)"

Berilah komentar, saran, dan kritik dengan bijak