Insert CSS into HTML



Penggunaan CSS (Cascading Style Sheet)  dalam sebuat web sama hal dengan seseorang menggunakan pakaian dalam kehidupannya sehari - hari dimana CSS memiliki andil sebagai pemberi kesan menarik dan membuat web menjadi lebih indah. Untuk memasukan/mengimplementasikan code - code CSS terdapat 2 cara seperti pada code dibawah ini :
  • Internal CSS
  • Internal CSS adalah cara memasukan code CSS langsung dari file HTML dimana tidak perlu membuat sebuah file dengan ekstensi .css diluar file HTML, seperti pada code dibawah ini :

Penjelasan :
  • Memasukan code CSS dengan cara internal cukup menggunakan tag <style type="text/css"> dengan menambah atribut <..... type="text/css"> didalamnya.
Ingat, Internal CSS harus dimasukan diantara tag <head> .... </head>.

  • Eksternal CSS
  • Eksternal CSS adalah cara memasukan code CSS tidak secara langsung dari file HTMLnya melainkan harus membuat file baru dengan ekstensi .css misalnya style.css, adapun cara memasukan code CSS dengan cara eksternal adalah :

Penjelasan :
  • Memasukan code CSS dengan cara eksternal pertama susunlah file HTML sesuai kebutuhan, lalu buat file baru dengan nama style dengan format .css ex: style.css pada potongan code diatas.
  • Setelah file style.css jadi gunakan tag <link rel="stylesheet" type="text/css" href="css/style.css"> dimana kegunaannya adalah memanggil file diluar file HTML dengan mencarinya menggunakan atribut  href="css/style.css dan mencarinya didalam folder css dengan nama style.css, letakan tag link diantara tag <head> .... </head>.

Selamat Mengerjakan ...

Previous
Next Post »
Thanks for your comment