Apa Kabar Sobat Gratis Lagi Dot Com Untuk Melanjutkan Dari Tutorial sebelumnya yaitu
Cara Mudah Memulai Belajar CSS Dasar
saya akan membahas tentang :2.Metode Internal Style Sheets
Internal Style Sheets itu merupakan penempatan Kode css pada halaman html secara langsung. Contohnya disini masih saya akan menggunakan html sebelumnya :
<html>
<head>
<title>Gratis Lagi</title>
<style>
h2{
background-color:yellow;
color:red;
}
</style>
</head>
<body>
<h2>
Contoh Dari Metode Inline Style
</h2>
<br/>
<h2>
Contoh Tanpa Inline Style
</h2>
</body>
</html>
Output :
Jadi dalam metode ini penempatan css harus menggunakan tag <style> dan ditutup dengan tag penutup </style> dan cara pembuatannya menggunakan pemanggilan tag-tag pada html. dari contoh diatas saya merubah style pada tag h2 :
<style>
h2{
background-color:yellow;
color:red;
}
</style>
dan jika kita ingin menambah css lagi kita hanya tinggal memanggil tag html lainnya. contoh :
<style>
h2{
background-color:yellow;
color:red;
}
body{
background-color:blue;
}
</style>
dari contoh diatas kita akan menambahkan warna background menjadi biru pada bagian body. dan menjadi seperti ini bila digabungkan dengan html :
<html>
<head>
<title>Gratis Lagi</title>
<style>
h2{
background-color:yellow;
color:red;
}
body{
background-color:blue;
}
</style>
</head>
<body>
<h2>
Contoh Dari Metode Inline Style
</h2>
<br/>
<h2>
Contoh Tanpa Inline Style
</h2>
</body>
</html>
Output :
Bagaimana Sudah paham kan semua dengan tutorial tentang Cara Mudah Memulai Belajar CSS Dasar Bagian 2 ini?? Mengenai metode ketiga dari Cara Mudah Memulai Belajar CSS Dasar yaitu Metode Eksternal Style Sheets akan saya bahas di tutorial berikutnya oke...
terimakasih telah membaca tutorial tentang Cara Mudah Memulai Belajar CSS Dasar Bagian 2 di Gratis Lagi dot Com
-==Selamat Belajar==-
Salam Hangat Gratis Lagi dot Com
Post a Comment