CSS (Web Dasar)-P9

Assalamu'alaikumWr. Wb
Hallo, Balik lagi sama saya Fajar Faturrahman, dari kelas XI RPL 1, kali ini saya akan sharing tentang CSS.

 Apa sih CSS itu???

 CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan kumpulan kode-kode yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.

 Nahh, cara pengcodingan di CSS itu ada 3, yaitu :

 1.Inline     
     Di dalam file HTML yang sama, di dalam masing-masing tag HTML

 2.Embedded
     Di dalam file HTML yang sama, kode CSS ditulis di dalam tag <style>. Embedded CSS juga dikenal dengan sebutan Internal CSS.
Tag <style> biasanya ditulis di dalam tag <head>. Bisa juga ditulis di dalam <body>, namun lebih banyak ditulis di dalam <head>
3.External
     Diluar Fle HTML, Bisa digunakan di berbagai file HTML, dengan format file.css

1.Inline CSS

   Contoh Kodingannya:

  Hasilnya :

 2.Embedded With Class And Id 1

    Contoh Kodingannya :


    Hasilnya :

 3.Embedded With Class And Id 2

    Contoh Kodingannya :


    Hasilnya :

 4.External With Class And Id

    Contoh Kodingan HTMLnya:


    Contoh Kodingan CSS nya :


    Hasilnya :

 5.Embedded Heading Color

    Contoh Kodingannya:


    Hasilnya :

6.Format Character Spacing

    Contoh Kodingan HTML nya :


    Contoh Kodingan CSS nya:


 7.Text Deco And Spacing

    Contoh Kodingan HTMLnya :


    Contoh Kodingan CSS nya :

    Hasilnya :

 8.Embedded Indent Align Upper

    Contoh Kodingannya :


    Hasilnya :

9.Tugas

Nah, Kalo yang ini buatan saya....

   Yang ini contoh kodingan HTML nya (klik disini untuk lebih lengkapnya):



   Yang ini contoh kodingan CSS nya (klik disini untuk lebih lengkapnya):



   Hasilnya :

Komentar

Posting Komentar

Postingan populer dari blog ini

Framework Laravel, perbedaan pengunaan compact dengan tidak

Gambar
Assalamualaikum Halo, balik lagi sama saya Fajar Faturrahman, kali ini saya akan share sedikit tentang apa itu framework, dan analisis tentang perbedaan antara mengirim data ke view dengan menggunakan compact dan yang tidak menggunakan compact. Apa itu Framework?? Framework atau bahasa indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi , plugin, dan konsep sehingga membentuk suatu sistem tertentu . Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi . Apa itu Framework Laravel?? Laravel adalah framework PHP MVC yang dikembangkan oleh Taylor Otwell pada tahun 2011 dan sekarang telah mencapai versi 7 dan dengan slogan laravel “ PHP THAT DOESN’T HURT. CODE HAPPY & ENJOY THE FRESH AIR .” Kita akan merasa bahwa pemrograman php itu menyenangkan dan mudah karna Banyak sekali fitur-fitur yang ak
Baca selengkapnya