Featured

CSS : Cara Memanggil CSS (Part 4)



 Assalamualaikum wr.wb

A. JUDUL

      CSS : Cara Memanggil CSS (Part 4)

B. PENDAHULUAN

      Disini saya akan membahas tentang cara dalam memanggil atau memasukkan style sheet.

     1. Latar Belakang

            Latar belakang mengapa kita harus mengetahui cara-cara memanggil css adalah untuk memilih untuk menggunakan yang lebih mudah.

     2. Maksud dan Tujuan
  • Agar paham tentang cara-cara memanggil CSS
     3. Hasil yang Diharapkan

         Mengerti dan Paham cara-cara memanggil CSS

C. ALAT DAN BAHAN
  • Laptop atau PC
  • Koneksi Internet (Mencari Referensi)
  • Sublime Text
D. JANGKA WAKTU PELAKSANAAN

       30 Menit

E. PEMBAHASAN

 Ada tiga cara memasukkan style sheet
  • Style Sheet Eksternal
  • Internal Style Sheet
  • Gaya Inline
-> Style Sheet Eksternal

       Cara Eksternal ini, membuat dokument dengan format css yang dihubungkan dengan dokument html melalui link di dokumet html.
Contohnya :

 Ini adalah file Htmlnya.


 Ini adalah file CSSnya.


 Kemudian jika dijalankan di browser akan muncul tampilan di bawah ini.



-> Internal Style Sheet

        Cara Internal ini, menghubungkan dokument html dengan html langsung di dalam dokument html itu sendiri.
Contohnya :

 Ini adalah file Htmlnya dan didalamnya terdapat file CSS.



 Kemudian jika dijalankan di browser akan muncul tampilan di bawah ini.



 -> Gaya Inline

        Gaya inline dapat digunakan untuk menerapkan gaya yang unik untuk elemen tunggal.

 Ini adalah file Htmlnya dan didalamnya terdapat file CSS. Dan CSS terdapat di dalam tag html.


 Kemudian jika dijalankan di browser akan muncul tampilan di bawah ini.
 

F. HASIL YANG DI DAPATKAN

       Menjadi tahu dan paham dalam penggunaan CSS

G. KESIMPULAN

        Jadi ada 3 cara dalam memanggil CSS, tergantung kalian nyaman menggunakan cara yang mana.

H. REFERENSI
Waalaikumusalam wr.wb


Related Posts