Kamis, 13 Agustus 2020

Belajar HTML & CSS

 CSS


Pengertian :CSS adalah kepanjangan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan elemen yang tertulis dalam bahasa markup. Fungsi lain dari CSS yakni untuk memisahkan konten dari tampilan visual dalam sebuah website.


Untuk dapat lebih dimengerti kita langsung praktek!


Pertama kita Buat dulu Coding HTML untuk contoh:


<!DOCTYPE html>

<html>

    <head>

        <title>Page Title</title>

        <link rel="stylesheet" type="text/css" href="style.css">

    </head>

    <body>

    <h1>HALO WORLD</h1>

    <h2>Ayo Belajar</h2>

    <h3>Pelajaran</h3>

    <p>HTML,CSS,PHP,RUBY</p>

        

    </body>

</html>


Tampilan hasil dari Coding diatas adalah seperti gambar dibawah ini:




Setelah itu kita lanjut dengan coding CSS agar tampilan lebih menarik dan berwarna contoh Coding:


 


body {

    bg-color:White;

}

h1{

    color:blue;

}

h2{

    color:green;

}

h3{

    color:red;

}

p{

    text-align:center;

    color:purple;


Dan Tampilannya menjadi seperti gambar dibawah ini:


Sekian untuk pembahasan kali ini.Semoga bermanfaat untuk kita semua jangan lupa untuk semangat belajar!!

Tidak ada komentar:

Posting Komentar