Eksternal CSS melupakan kode CSS yang tertulis secara terpisah melalui kode HTML Eksternal CSS ditulis pasa file khusus yang berekstensi.css. File eksternal CSS umumnya diletakkan sesudah bagian <head> pada halaman.
Cara tersebut lebih sederhana juga simpel dibandingkan jika menambahkan kode CSS pada setiap elemen HTML yang akan kalian atur tampilannya.
Manfaat External CSS
1. Ukuran file HTML menjadi lebih kecil, strukturnya dari kode HTML juga lebih rapi.
2. Loading website yang lebih cepat.
3. File CSS bisa digunakan pada beberapa halaman website sekaligus.
Kekurangan External CSS
Halaman akan jadi berantakan, saat file CSS gagal dipanggil oleh file HTML. Hal tersebut terjadi akibat karena koneksi internet yang lambat
Contoh External CSS
Berikut ini merupakan contoh penempatan External CSS pada file HTML. Untuk contoh yaitu membuat file CSS dengan nama style.css berikut isi kode style.css.
p {
font-family: arial;
line-height: 2.75em;
}
i {
font-family: arial;
color: orange;
}
h2
{ font-family: arial;
color: #1B9CFC;
}
Untuk menggunakan file style.css pada HTML, kalian perlu menambahkannya pada file HTML. Dengan menggunakan tag <link> berikut contohnya.
<link rel="stylesheet"
type="text/css" href="style.css">
Berikut ini penempatan kode dalam satu file HTML.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Eksternal
CSS</title>
<link rel="stylesheet"
type="text/css " href="style.css">
</head>
<body>
<h2>Niagahoster</h2>
</body>
</html>
Kurang lebih seperti itulah pengertian, manfaat, kelebihan, kekurangan juga contoh dari eksternal css. Semoga bermanfaat untuk kalian.
Jika ingin mencobanya silahkan jangan lupa ikuti arahannya ya
Baca juga Resiko Kecanduan Bermain HP
Kategori : Pelatihan