Jumat, 22 Juli 2016

3 Cara Menuliskan Kode CSS

Dalam penulisan kode CSS, ada 3 cara untuk menuliskan kode tersebut, yaitu Internal, Eksternal, dan Inline. Semuanya akan kita bahasa... thumbnail 1 summary

Dalam penulisan kode CSS, ada 3 cara untuk menuliskan kode tersebut, yaitu Internal, Eksternal, dan Inline. Semuanya akan kita bahasa satu persatu. Penggolongan ini didasarkan dengan letak CSS dituliskan.

#Internal

Cara Internal yaitu kode CSS langsung dituliskan didalam dokumen HTML. Kodenya dapat ditempatkan didalam tag <head> ataupun tag <body>, terserah kamu mau pilih yang mana. Untuk menuliskannya, kode CSS harus diapit dengan tag <style>. Untuk lebih jelasnya, coba lihat contoh kode dibawah.



Perhatikan kode diatas baik-baik. Lihat tag <style> dibawah <!--- contoh dibagian HEAD ---> , itulah CSS yang ditulis di tag HEAD, begitupun pada tag BODY.

#Eksternal

Cara Eksternal yaitu kode CSS yang dituliskan terpisah dengan dokumen HTML, dalam arti lain kode CSS dalam dokumen sendiri dan dokumen HTML sendiri. Karena dokumen CSS sendiri, kita perlu mengimpor dokumen CSS kedalam dokumen HTML. Dokumen CSS diberi nama misalnya CSS1.css. Tambahkan kode berikut :

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

Yang berwarna merah itu adalah nama dokumen CSS, tergantung kamu nanti ngasih nama apa. Jangan lupa, kodenya ditempatkan pada tag <HEAD>. Untuk penerapannya, kamu bisa lihat contoh kode dibawah :




#Inline

Dari namanya aja mungkin kamu sudah tahu, yaitu kode CSS langsung dituliskan pada masing-masing atribut HTML. Setiap tag pasti punya atribut masing-masing, disitulah kode CSS berada. Contoh kodenya seperti dibawah :


<H1 style="color:blue; font-family: algerian">Contoh inline</H1>
Pada kode diatas, yang berwarna abu-abu adalah tag HTML, dan yang berwarna cokelat adalah atriibut CSS dari tag itu sendiri. Jika di terapkan, seperti ini kodenya :

2 komentar

Langganan: Posting Komentar (Atom)