methode internal style css

A. PENDAHULUAN

      Setelah di blog sebelumnya kita membahas Metode Inline Style CSS , kali ini kita akan membahas kelenjutan dari Inline Style yaitu Internal Style CSS ,fungsinya sama tapi metodenya yang berbeda. oke langsung saja kita bahas di bawah....

B. PENGERTIAN

        CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.
Metode Internal Style Sheets, atau disebut juga Embedded Style Sheets digunakan untuk memisahkan kode CSS dari tag HTML namun tetap dalam satu halaman HTML. Atribut style yang sebelumnya berada di dalam tag, dikumpulkan pada pada sebuah tag <style>. Tag style ini harus berada pada bagian <head> dari halaman HTML.

C. MAKSUD DAN TUJUAN

         Memahami Metode Internal Style di CSS.

D. PEMBAHASAN

        Kita akan membuat contoh dari Metode InternalStyle CSS . di bawah ini ada script yang bisa kalian coba untuk praktekkan :

<!DOCTYPE html>
<html>
<head>
    <title>Contoh Internal Style CSS</title>
    <style type="text/css">
        h2 {
        background-color:green;
        color:red;
        }
    </style>
</head>
<body>
    <h2>
        Text ini akan berwarna merah dan background warna hijau
    </h2>
</body>
</html>

Hasil:

Namun kekurangan menggunakan internal style sheets, jika kita memiliki beberapa halaman dengan style yang sama, maka kita harus membuat kode CSS pada masing-masing halaman tersebut. Hal ini dapat diatasi dengan menggunakan metode external style sheets. yang akan kita bahas di blog selanjutnya.