Hallo kawan sebelumnya saya sudah menjelaskan tentang methode inline dan internal, sekarang saya akan memberitahu tentang methode external .
B. Pengertian
CSS (Cascading Style Sheet) adalah salah satu bahasadesain web (Style Sheet Languange) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan manggunakan penanda(Markup Languange. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumen XML, termasuk SVG dan XUL bahkan ANDROID.
Methode External Style Sheets digunakan untuk 'mengangkat' kode CSS tersebut kedalam sebuah file tersendiri yang terpisah sepenuhnya dai halaman HTML. Setiap halaman yang membutuhkan kode CSS, tinggal 'memanggil' file CSS tersebut.
C. Pembahasan
Ada dua input methode external style, bisa menginputkan lewat @import dan menggunakan tag <link>
*Script"belajar.css"
h2{
background-color:aqua;
color:green;
}
----> @import
Untuk methode @import external style sheet ini, kita menyisipkan @import url(belajar.css); padaa tag <style>.
script :
<!DOCTYPE html>
<html>
<head>
<title>Contoh External Style CSS Menggunakan @import</title>
<style type="text/css">
@import url(belajar.css);
</style>
</head>
<body>
<h2>
Text ini akan berwarna hijau dan background aqua
</h2>
<h3>
Contoh External Style CSS Menggunakan @import
</h3>
</body>
</html>
hasil :
---> TAG <LINK>
Pada methode link external style sheet ini, kita menggunakan atribut href pada tag <link>, yang akan berisi alamat dari halaman CSS, dalam hal ini belajar.css .
script :
<!DOCTYPE html>
<html>
<head>
<title>Contoh External Style CSS Menggunakan @import</title>
<link rel="stylesheet"
type="text/css" href="belajar.css">
</head>
<body>
<h2>
Text ini akan berwarna merah dan background aqua
</h2>
<h3>
Contoh External Style CSS Menggunakan @import
</h3>
</body>
</html>
hasil :
D. Masalah yang di temukan
penggunakaan methode external style lebih di rekomendasikan dari pada inline style dan internal style, dan kurang teli dalam penaruhan file.
E. Penutup
Sekian dari saya semoga bermanfaat!!!!!!!
F. Referenasi
http://ahmadfaisal1006.blogspot.co.id/2018/02/metode-external-style-css.html
No comments:
Post a Comment