Ada beberapa cara untuk menghubungkan dari CSS ke HTML, diantaranya :
1. Internal style sheet
Pada cara pemberian gaya HTML ini apabila kondisinya anda ingin memberikan gaya yang unik pada satu halaman saja. Penempatan gaya nya pada bagian kepala HTML, misal dengan style seperti dibawah ini :
<head>
<style>
..area kode css..
</style>
</head>
2. External style sheet
Pada cara ini apabila kita sedang membuat halaman lebih dari satu atau banyak, dengan cara ini lah anda cukup melakukan pengeditan pada satu halaman saja yang nantinya harus terhubung ke halaman - halaman yang dibutuhkan gaya/style. Kita gunakan tag <link>. Yang ditempatkan pada bagian kepala HTML, untuk lebih jelasnya, seperti contoh dibawah ini :
<head><link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
Sekarang membuat file CSS nya, bisa dibuat dengan web editor apa saja, misal notepad. Disimpan dengan ekstensi *.css. Contoh nya seperti dibawah ini :
p {margin-right:15px;}
h2 {color:blue;}
3. Inline style
Pemberian gaya HTML pada cara ini disisipkan pada tag HTML. Contoh nya seperti dibawah ini :
<p style="color:sienna; margin-left:100px;">This is a paragraph.</p>
Coba simpan dengan format *.html
Seperti itu lah cara - cara menghubungkan CSS ke halaman HTML, apabila ada yang kurang boleh ditanyakan dikolom komentar bawah ini.
No comments:
Post a Comment