Belajar CSS : Aturan Dan Penulisan Kode CSS (4) - Suka Code
Penulisan kode CSS dalam HTML dibagi menjadi tiga cara yaitu, internal,
inline, dan eksternal. Pembagian ini berdasarkan letak kode CSS tersebut ditulis.
A. Internal CSS
Internal CSS adalah istilah untuk kode CSS yang ditulis langsung berkas HTML. Kode CSS ini dituliskan pada tag <style>. Tag ini bisa ditulis didalam blok head ataupun body, atau keduanya, berikut ini contoh internal CSS.
Contoh Pembuatan :
<!DOCTYPE html>
<html>
<head>
<title>Belajar CSS Dasar - Suka Code</title>
<style type="text/css">
selector {
property: value;
}
</style>
</head>
<body>
<h1> Latihan Belajar CSS with Suka Code </h1>
<p> Lorem Ipsum </p>
</body>
</html>
B. Inline CSS
Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen HTML memiliki atribut style; disanalah inline CSS ditulis. Contoh nya seperti ini.
Contoh Pembuatan :
<!DOCTYPE html> <html> <head> <title>Belajar CSS Dasar - Suka Code</title> </head> <body> <h1 style="color: red;"> Latihan Belajar CSS with Suka Code </h1> <p style="font-family: courier;"> Lorem Ipsum </p> </body> </html>
C. Eksternal CSS
Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis disebuah berkas khusus yang berekstensi (.css).
Untuk menggunakan CSS tersebut dalam HTML, kita perlu mengimpornya. Cara memasukkan kode CSS dari berkas eksternal.
Contoh Pembuatan :
<link href="style.css" type="text/css" rel="stylesheet">
Suka Code Blog adalah website dengan kumpulan konten seputar Game Development, Web Programming, Android Programming, Windows Programming, dan lain-lain.
Belum ada Komentar untuk "Belajar CSS : Aturan Dan Penulisan Kode CSS (4) - Suka Code "
Posting Komentar