Yoo, Kembali lagi sama saya di Wahid Emalution :3
Oke sekarang saya akan membahas sedikit tentang penerapan CSS Internal,External, dan Inline
Yaa, mungkin sebagian kalian sudah tau kan apa itu CSS?
CSS itu Kepanjangan dari "Cascading Style Sheet" Ini bahasa yang sudah sangat terkenal dan sudah tidak asing lagi bagi para programmer.
Di CSS ini beguna sebagai pengatur Style HTML, jadi dengan CSS kita bisa mengubah warna,ukuran, dan juga tata letaK Sebuah HTML.
Yap, Dalam penerapan CSS pun ada 3 Metode
1.Inline Style
2.External Style
3.Internal Style
1.Inline Style
Yang pertama metode "Inline Style" dalam metode ini kita bisa langsung memberikan style dalam Tag HTML contohnya
<p>Ini kata-kata pertama yang akan diubah warnanya</p> <p>Yang ini juga dong </p>
Nah yang diatas itu sebelum ditambah Style,lalu dibawah ini yang ditambah dengan style
<p style="color:blue;">Ini kata-kata pertama yang akan diubah warnanya</p> <p style="color:blue;">Yang ini juga dong </p>
2.External Style
Yang selanjutnya External Style, Dalam metode ini kalian harus membuat File 'style.css'
Lalu ditambahkan dalam tag <link>
Contoh nya seperti dibawah.
<html> <head> <title>Cara Menggunakan CSS</title> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <p>ini kata-kata pertama yang akan diubah warnanya</p> <p>Yang ini juga dong</p> </body> </html>
Jadi initinya dalam metode diatas itu Mletakkan file CSS dalam hosting lalu link filenya itu diletakkan dalam HTML (Ya kurang lebihnya seperti itu deh)
3.Internal Style
Lalu selanjutnya internal style, metode ini CSS diletakkan dalam satu halaman HTML ,contohnya seperti pada template Blogger kebanyakan.
Yap contohnya seperti dibawah.
<html><head><title>Cara Menggunakan CSS</title><style> p{color:blue;} </style></head><body><p>Paragraf kesatu nih, ingin berubah warna biru</p><p>Paragraf kedua nih, ingin ikut paragraf kesatu yaitu ingin berubah warna biru juga</p></body></html>
Yap seperti contoh diatas, jadi Stylenya itu diletakkan pada tag <Style> dan hanya dilakukan dalam 1 Halaman HTML.
Yap kurang lebihnya seperti itu, Semoga bermanfaat untuk kalian.
Tunggu post yang lain di blog ini..
Jaa nee