Cara Penempatan Kode Css Dalam Html

Cara Penempatan Kode Css Dalam Html | Pada kesempatan ini saya akan melanjutkan tutorial yang kemari yang telah saya postingkan yang berjudul Panduan Css Untuk Pemula. Melanjutkan postiang saya yang lalu kali ini kita akan mencoba mempelajari bagaimana sih cara penempatan Kode Css dalam Html yang benar.

Perlu agan-agan ketahui bahwa untuk penempatan kode css dalam html caranya ada tiga, untuk selengkapnya bisa kita bahas di bawah ini :

Internal CSS adalah menuliskan secara langsung script CSS kedalam file HTML. berikut ini adalah Contoh :
<html>
<head>
<title>CSS Pertamaku</title>
<style type=”text/css”>
p {color: white;}
body {background-color: black;}
</style>
</head>
<body>
<p>Ayo belajar CSS</p>
</body>
</html>
Keterangan : yang berwarna biru adalah script CSS
External CSS adalah kita membuat file CSS tersendiri dengan eksistensi *.css sebagai contoh semisal saya membuat file CSS dengan nama file dan saya simpan dengan format file.css. File CSS ini terpisah dari file Html dan didtempatkan di folder lain atau di folder yang sama dengan file html tersebut. Maka hasilnya browser akan menbaca file tersebut dan akan menampilkan file html sesuai dengan format yang telah kita atur dalam file CSS yang telah kita buat. Berikut ini adalah contohnya :

<html>
<head>
<title>CSS Pertamaku</title>
<link rel=”stylesheet” type=”text/css” href=”file.css”/>
</head>
<body>
<p>Ayo belajar CSS</p>
</body>
</html>

Keterangan : yang berwarna biru adalah lokasi dari file CSS
dan penempatan kode Css yang ke tiga adalah Inline. Inline adalah kita menuliskan secara langsung script CSS kedalam tag HTML. Sebagai contohnya silahkan agan-agan lihat di bawah ini :
<html>
<head>
<title>CSS Pertamaku</title>
</head>
<p style=”background: blue; color: white;”>CODING NGEBLOG</p>
</body>
</html>
Keterangan : yang berwarna biru adalah script CSS

Nah dari ke tiga Penempatan Kode CSS pada Html saya sarankan agan-agan untuk menggunakan cara penempatan External Css. Nah kiranya ini dulu dech yang kita pelajari pada kesempatan ini. Semoga membantu agan-agan semua dalam belajar Css.

Share 'Cara Penempatan Kode Css Dalam Html' On ...

Ditulis oleh: ahmad mustaghfirin - Friday, April 5, 2013

1 Komentar untuk "Cara Penempatan Kode Css Dalam Html"