Cara Memasukkan CSS kedalam HTML

By: Kiddies
Assalamualaikum.
Sebelum anda membaca ini, alangkah baikknya anda membaca dulu artikel Mengenal CSS. Klo anda sudah membacanya, anda akan tau apa itu CSS.

Oklah, tanpa basa-basi lagi langsung ke Topik.

Saat ini, memasukkan CSS kedalam HTML ada 3 cara, yaitu:

1. External Stylesheet
External Stylesheet adalah pemasukan kode CSS kedalam HTML dengan cara memisahkan file HTML dan files CSS, contoh: index.html (Untuk File HTML) dan style.css. Nah, cara memanggil File CSS agar dapat bekerja di file HTML dengan cara memasukkan kode <link rel="stylesheet" type="text/css" href="URL CSS Sobat" /> diantara tag <head> dan </head>. Cara ini paling sering dipakai karena tidak menambah ukuran/ berat dari file HTML tersebut.

2. Internal Stylesheet
Nah, jika External tadi kode CSS dipisah dari file HTML, tapi kalau Internal, kode CSS langsung dimasukkan di file HTML. Cara memasukkannya yaitu dengan menggunakan tag <style> </style> diantara tag <head> dan </head>
Contoh:
<style type="text/css"> Masukan kode CSS disini </style> . Cara ini tidak disarankan karena dapat memperbesar ukuran file HTML

3. Inline Stylesheet
Nah, klo Inline cara memasukannya adalah langsung kedalam Tag HTML.
Contoh:
<p style="Masukkan CSS disini">Ini adalah contoh Inline Stylesheet</p> . Cara ini juga tidak disarankan, karena juga dapat memperbesar ukuran file HTML.

Nah, apakah anda sudah jelas dengan artikel ini ? Klo belum jelas silahkan tanya admin lewat Facebook disini
Share on Twitter
Copy Link:
Home | About Me | Guestbook
My WapMaster
Powered By: Xtgem
Create By: Kiddies

XtGem Forum catalog