Pada Hari ini saya akan berbagi pengalaman dengan teman-teman di mana ini sering sekali di pertanyakan oleh teman-teman belajar saya, ketika kesulitan membuat judul tapi kata berikutnya warnanya berbeda, apa lagi kebanyakan judul tag yang sering di gunakan adalah tag h1, tag h1 itu termasuk dalam tag yang bersifat BLE, apa itu BLE nanti saya jelaskan pada paragraf berikutnya, maka dari itu jangan kemana-mana sesaat lagi kita akan belajar cara membuat warna yang berbeda dalam satu baris judul, simak terus ya teman-teman.
Sebelum kita belajar dan membahas cara membuat warna yang berbeda dalam satu baris judul, seperti janji saya di atas jadi ketika kita membuat judul dengan menggunakan tag h1 yang bersifat BLE atau di sebut block level element, dimana ketika kita menulis tag h1 di dalam text editor walaupun kita menulisnya dalam satu baris, maka hasil dari web browser akan berubah dengan baris sendiri-sendiri. Lebih enak saya jelaskan dengan contohnya:
<span style="color: rgb(255, 0, 0);" data-mce-style="color: #ff0000;"><h1>ini judul berwarna biru tetapi teks ini --> Kuning <-- bisa kah</h1></span> <span style="color: rgb(0, 0, 255);" data-mce-style="color: #0000ff;"><h1>ini judul berwarna biru tetapi teks ini --> Kuning <-- bisa kah</h1></span>
disini saya menulisnya dalam satu baris bagaimana hasilnya:
bisa dilihat ya, yang akan tampil, tag h1 yang satunya membuat baris baru, ini yang dinamakan block level element. lalu bagaimana ketika kita ingin menstyle warna yang berbeda pada judul tersebut, jika kita membuat tag h1 lagi, pasti hasilnya akan ke bawah benar bukan. ya benar !. oke bagaimana cara membuat warna yang berbeda dalam satu baris judul, coba teman-teman perhatikan judul yang saya buat di atas ada kata yang bertuliskan “kuning”, di situ nanti saya akan membuat beda warnannya, perhatikan struktur html berikut ini:
<!DOCTYPE html>
<html>
<head>
<title>Cara Membuat Warna yang Berbeda Dalam Satu Baris Judul</title>
<-e-style type="text/css">
body{
background-color: #666;
}
.container{
width: 800px;
margin: auto;
}
h1{
color: blue;
}
span{
color: yellow;
}
<-e/style>
</head>
<body>
<div class="container">
<h1>ini judul berwarna biru tetapi teks ini --> <span style="color: #ff0000"><span><span style="color: #ffff00">Kuning</span></span></span> <-- bisa kah</h1>
</div>
</body>
</html>
Sekarang teman-teman bisa menstyle warna sesuka teman-teman dengan tag span kita bisa membuat kata itu jadi berbeda, atau bisa kita style tulisannya dengan CSS tanpa turun ke bawah, oiya tag span termasuk ILE ya, inline level element, oke saya rasa cukup sampai disini dulu belajar kita tentang cara membuat warna yang berbeda dalam satu baris judul, sampai jumpa pada artikel selanjutnya terimkasih.
The post Cara Membuat Warna yang Berbeda Dalam Satu Baris Judul appeared first on Kursus Website Terbaik.