Kemarin sempat ditanyakan oleh teman saya mengenai bagaimana cara bikin link, gimana bikin gambar, dll.
Sebenarnya tidaklah sulit untuk membuat seperti itu.Hanya diperlukan sedikit pelajaran tentang kode html.Dan tentunya kode-kode html tidak hanya digunakan untuk membuat gambar dan link saja, tapi banyak yang bisa dibuat dengan kode-kode html tersebut.Misalnya border (bingkai), bullets, input box (kotak input), text box (kotak yang berisi teks), dll semuanya itu dibuat menggunakan kode html.
Pada postingan kali ini, saya hanya memberikan sedikit pelajaran dasar saja tentang kode-kode html.Bukan berarti saya ini master html, saya juga masih belajar (saya aja ga hafal kode-kode html, biasanya di save di note.parah :P)
Oke, daripada basa-basi, kita langsung mulai saja:
1. Cara membuat teks berwarna
Untuk "#000000" itu adalah kode warna.Kamu bisa mengubah kode warna itu sesuai dengan warna yang kamu inginkan.Kalo mau ganti warna kamu tinggal ubah angka "000000" (ditulis "nol") saja.Biasanya kode-kode warna itu bisa kamu dapatkan disitus lain (saya ga hafal).Dan biasanya kode warnanya terdiri dari huruf dan angka atau angka dan huruf yang berisi 6 karakter.
Sebagai contohnya kode "#000000" akan menghasilkan warna hitam, sedangkan "#ffffff" akan menghasilkan warna putih, dan "#ff0000" berwarna merah.
2. Cara membuat Link
Ini adalah cara membuat sebuah link.Pada bagian "http://www.situskamu.com" ini merupakan url atau halaman situs yang akan kita tuju jika kita mengeklik link tsb.Kamu bisa mengubah url itu sesuai keinginan kamu.Demikian juga pada bagian "Text link kamu".Ubah teks itu sesuai dengan teks yang akan jadi link.
Ini contoh sebuah link:
Text link kamu
3. Cara membuat link berwarna
Setelah kita belajar tentang cara membuat link dan teks yang berwarna, sekarang kita akan membuat link yang berwarna.Caranya mudah, kita cuma cukup menggabungkannya saja.
Coba liat kode ini:
Jadinya seperti ini:
text link kamu
Untuk bagian ini kayaknya tidak perlu dijelasin, tinggal kamu ubah saja sesuai keinginan kamu.
4.Cara membuat gambar
Nah, pada kode diatas http:// kita isi dengan url gambar kamu.Url disini adalah url gambar, bukan situs.Biasanya url gambar contohnya seperti http://www.situskamu.com/matahari.jpg
Kita bisa tau itu url gambar melalui teks dibelakangnya, sebagai contoh diatas, teks ".jpg" merupakan sebuah file gambar.Gampang kan?
Biasanya file gambar seperti .jpg, .jpeg, .gif, dll.
Pada bagian "deskripsi" itu merupakan deskripsi teks tentang gambar itu.Umumnya orang mengisi "deskripsi" sesuai atau berhubungan dengan gambar yang dia pasang.
Contohnya:
Selain itu kamu juga bisa membuat gambar berupa link, sehingga dapat diklik.
Seperti dibawah ini:
Cara buatnya pun ga susah,coba liat kode dibawah ini:
Yang ini juga sepertinya tidak perlu dijelaskan,pada dasarnya sama dengan cara membuat link berwarna (digabung).
5. Cara membuat kotak yang berisi teks (text box)
Ini adalah contoh sebuah text box:
Cara membuatnya seperti ini:
Ubah nilai rows="4" sesuai keinginan kamu.Itu untuk membuat lebar kotak text box kamu.Sedangkan cols="20" itu adalah panjang text box.
Fiuh cape juga nulisnya.Sebenarnya masih banyak lagi kode-kode html yang lain.Nanti saya ajarkan lagi.Btw, kalo ada yang salah atau kurang jelas mohon dikasih tau lewat comment kalo bole lewat SMS juga bisa :P.
Smoga membantu.
