Cara mengetahui kode HTML dari warna

 , , ,  4 comments
Assalamualaikum..
Sebagai blogger maupun pekerjaan lainnya, terkadang kita diharuskan untuk bermain - main dengan warna. Untuk bermain-main dengan warna dalam sebuah blog ataupun hal lain yang berhubungan dengan HTML, kita akan selalu berhubungan dengan kode HTML dari warna-warna tersebut. Kode HTML dari warna biasanya berformat sebagai berikut:
#Hex_values
Kita tidak perlu menghafal semua kode warna, hanya perlu untuk memahami bagaimana kita bisa mendapatkan kode tersebut sesuai dengan warna yang kita inginkan.
Untuk mengetahui kode HTML dari warna yang kita inginkan, kita bisa mengunjungi situs HTML Color Picker .
Disana kita disediakan tool yang sangat bermanfaat dan powerful, dimana kita tinggal memilih warna yang kita inginkan dan otomatis kode HTML dari warna tersebut akan muncul. Selain itu tool ini juga support pengaturan gradasi / ketebalan warna.. pokoknya sangat recommended deh :)
Ini dia screenshotnya :

kode warna html

Perhatikan pada bagian selected color, itulah kode HTML dari warna merah dengan tingkat gradasi yang saya pilih pada gambar diatas.

Selain itu, jika kita mempunyai sebuah kode warna HTML dan tidak tau kode tersebut mewakili warna apa, kita bisa mengetahuinya dengan memasukkan kode tersebut kedalam kotak selected color lalu menekan tombol submit.. otomatis warna yang mewakili kode tersebut akan ditampilkan.

Nah, itu tadi cara mengetahui kode HTML dari warna.. Semoga bermanfaat bagi sahabat semua :)

Regards,
Irfan
Read More

Beberapa Struktur Kode Dasar Penggunaan HTML

 , ,  No comments
Assalamualaikum..
Untuk menjadi blogger yang expert tentu saja kita juga harus belajar bagaimana mendesain dan mengoptimalkan blog yang kita miliki. Untuk itu HTML yang menjadi bahasa dalam pengoperasian blog menjadi hal yang penting untuk kita pelajari. Nah, Kali ini saya akan share mengenai beberapa struktur kode dasar yang cukup sering penggunaannya, walaupun mendasar namun bila bisa kita optimalkan maka akan memberikan manfaat yang besar bagi kita.
html
1. Heading.
Heading didefinisikan mulai dari <h1> sampai <h6>. Namun jangan terbalik, <h1> justru memiliki ukuran yang terbesar, berkebalikan dengan nilainya dengan hitung - hitungan matematika :D
Langsung saja dari pada bingung ini dia contohnya :
<h1>Contoh h1</h1>
Hasilnya : Contoh h1
<h2>Contoh h2</h2>
Hasilnya : Contoh h2
dan seterusnya hingga h6 yang memiliki ukuran paling kecil..

2. Paragraf
Untuk membuat paragraf kita bisa menggunakan kode berikut ini :
<p>Isi paragraf disini</p>
Langsung saja contohnya :
<p>Ini adalah sebuah paragraf</p>
<p>Ini adalah paragraf lainnya</p>
Hasilnya :
Ini adalah sebuah paragraf
Ini adalah paragraf lainnya
3. Link
Terkadang kita perlu untuk membuat / menambahkan suatu link untuk berbagai keperluan. Caranya denga kode berikut :
<a href="alamat URL disini">Text yang ditampilkan pada link</a>
Contohnya :
<a href="http://ourreference.blogspot.com">Blog mas IRFAN</a>
Hasilnya: Blog mas IRFAN

4. Gambar
Untuk menyisipkan gambar bisa dengan kode berikut ini :
<img src="alamat URL gambar" width="Lebar gambar" height="Tinggi gambar" />
Contoh :
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Lg4oTtkbUTdAhZBKzUiiro0uq9PUZj4avub9ACwXEFE8-zJ8pP1YcN1xBiRTqgA1F9xvSHT8HZY-XpeQIgoSiDFISTemQQkjcNNJzS81K2TKPNa_xMVjw6V8a9lmd-Gvg3hC8IUhjvs/s1600/header+blog+copy.png" width="400" height="150" />
Hasilnya :


Demikian tadi beberapa struktur kode dasar HTML.. semoga dapat membantu :)

Regards,
Irfan
Read More