Tutorial CSS



Sedikit tutorial CSS dari saya:) padahal saya bikin males banget:( berhubung tugas dari guru yasudahlah posting aje walaupun masih brantakan:D

CSS itu  Cassading Style Sheet.. CSS juga dibagi menjadi 3 yaitu :
·         Internal CSS:
Internal CSS adalah kode-kode css yang dipasang didalam file HTML, lebih tepatnya ditaruh di dalam tag <style> … </style> di atas tag <body>.
·         Eksternal CSS:
External CSS adalah sebuah document/file yang hanya berisikan kode kode CSS.External CSS ini terpisah dari file HTML, untuk di butuhkan sebuah perintah untuk menghubungkan/memanggil External CSS pada file HTML. Pada berkas HTML yang akan menggunakan berkas CSS, harus dibuat tag <link> yang dituliskan di antara tag <head> … </head>.
·         Inline CSS :
Inline CSS adalah kode-kode css yang digunakan langsung pada elemen HTML, atau ’style’ yang berada di dalam ‘tag’ dari sebuah dokumen. Idealnya memang CSS itu berada terpisah (internal / ekternal) dengan HTML. Cara penulisannya cukup dengan menambahkan atribut style=”…” dalam tag HTML tersebut.

Langsung saja ini tutorialnya.. selamat menyimak selamat pusing:D 
1.     Buka Notepad kalian kemudian.. 
2.     Buat codingan HTML standar.. kali ini gak usah dijelaskan pasti kalian semua sudah tau 
3.    masukan code seperti gambar dibawah


4.     Lalu Save As , buat folder baru bernama CSS dan save codingan sebelumnya dengan nama index.html 
5.       Buat codingan CSS di notepad , untuk membuat background. Seperti gambar , lalu save As buat folder  baru bernama style CSS lalu save dengan nama style.css

6.  Buat folder di folder CSS bernama background untuk membuat background. Save di folder tersebut  dengan nama image.jpg 
7.     Dan ini hasilnya seperti ini



  Selamat mencoba:) maaf kalau masih brantakan maklum bikinnya buru dan masih newbie



Tidak ada komentar:

Posting Komentar

Pages