Sekarang saya akan membahas tentang
Oke, kita lanjut ke pembahasan
1 . Penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
// Attribute "style" inilah yang di maksud untuk penulisan HTML Style di dalam Element HTML.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMaEP0O528GtT9HzEoaihxZzBApVh3akBroa55TWE8fwPvgIoFqYrm4ntNRKNeyrTtHmbJIWrduvU0Oac-cEDT1KCbgcJmruKimkYr3sJEtH_bLMAs_WTn4HHaaoY1ULfVSxg-qicP_b4F/s1600/image.png" style="border:3px #880000 solid;" width="36px" height="36px"/><br/>
Dan <br/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMaEP0O528GtT9HzEoaihxZzBApVh3akBroa55TWE8fwPvgIoFqYrm4ntNRKNeyrTtHmbJIWrduvU0Oac-cEDT1KCbgcJmruKimkYr3sJEtH_bLMAs_WTn4HHaaoY1ULfVSxg-qicP_b4F/s1600/image.png" style="background:#333333;margin:3px;padding:7px;border:1px #880000 solid;" width="42px" height="42px"/><br/>
</body>
</html>
Hasilnya :
Dan
2 . Penulisan
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
<style type="text/css">
div.contoh-code-div{
background:#ffffff;
margin:10px;
padding:10px;
}
.contoh-code-botton-green{
background:#64dd17;
color:#f5f5f5;
margin:0;
padding:10px;
border:1px #f5f5f5 solid;
}
.contoh-code-botton-green:hover{
background:#f5f5f5;
color:#64dd17;
border:1px #64dd17 solid;
}
</style>
<div class="contoh-code-div">
<a class="contoh-code-botton-green" href="http://contoh-code.blogspot.com" target="_blank">PENCET TOMBOL</a>
</div>
</body>
</html>
Hasilnya :
3 . Penulisan
Simpanlah contoh code di bawah ini dengan nama "
div.contoh-code-div{
background:#ffffff;
margin:10px;
padding:10px;
}
.contoh-code-botton-green{
background:#64dd17;
color:#f5f5f5;
margin:0;
padding:10px;
border:1px #f5f5f5 solid;
}
.contoh-code-botton-green:hover{
background:#f5f5f5;
color:#64dd17;
border:1px #64dd17 solid;
}
Kemudian Simpanlah contoh code di bawah ini dengan nama "
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
// Cara memasukkan style ke dalam HTML adalah seperti di bawah.
<link rel="stylesheet" src="contoh1.css" type="text/css" />
<div class="contoh-code-div">
<a class="contoh-code-botton-green" href="#">PENCET TOMBOL</a>
</div>
</body>
</html>
Oke, simpanlah file
Cukup sampai di sini dulu, jika ingin bertanya silahkan tuliskan komentar kalian di bawah, komentar yang tidak sopan saya tidak akan menanggapi. Jadi, maaf dari saya dan terima kasih kunjungannya, salam semua dari saya !
