Mengganti Warna Huruf dengan HTML

Assalamu'alaikum! Semuanya masih semangat ngeblog?^^ Jadi Blogger itu nggak susah, kaena yang perlu dilakukan cuma nulis. Mau nulis apa? Oh, jangan bingung! Tulis apa aja yang bisa ditulis. Menurut seorang Blogger handal, jangan nulis terlalu panjang, tapi juga jangan kependekan. Tulis hal-hal yang menarik untuk ditulis. Kalo aku punya satu hal yang nggak boleh dilupakan di setiap tulisanku.

Sebarkan kebaikan dengan cara yang kamu bisa.
Dilihat aja juga udah paham maksudnya, kan? Sewaktu nulis blog, jangan pernah melupakan niat untuk menyebarkan kebaikan. Karena di dunia ini, kita ditugaskan untuk mengajak orang lain pada kebaikan. Tapi, perlu diingat juga, kita pun harus mengamalkan kebaikan yang kita sebarkan pada orang lain. Karena kalau tidak, kita sama saja dengan seorang munafik. Di luar tampaknya mengajak orang lain pada kebaikan, tapi ternyata kita sendiri nggak melakukannya. Maka, kita juga harus hati-hati. Kalo udah paham mana yang sebaiknya disebarkan, kita pasti nggak akan sulit setiap kalo mau posting kebaikan! :)



Bwahahah, kayaknya aku selalu berpanjang lebar, deh! Padahal, ngakunya "Anak Nggak Mau Capek", tapi ternyata malah bikin capek diri sendiri, ya! :P Oke, deh, sesuai dengan judul postingan ini, aku mau sedikit cerita tentang huruf-huruf di HTML.

Namanya HTML, pasti nggak lepas dari kode. Pertama, kita coba sedikit main-main dengan warna. Karena yang nemuin HTML itu orang Barat, jadi pakainya bahasa Inggris semua. Seandainya waktu itu aku yang nemuin kode HTML, ntar aku kasih bahasa Jawa, deh! XP

Yep, serius! Coba resapi kode di bawah ini:

<font color="red">INI TULISAN WARNA MERAH.</font>
Tulisan di atas akan menjadi seperti ini:

INI TULISAN WARNA MERAH.

Bisa dipahami, kan? Di kode itu ada tulisan "red" sebagai "font color". Jadi, kode "font color" itu berfungsi buat mengubah warna font (huruf). Kita juga bisa mengganti kata "red" itu dengan nama warna dalam bahasa Inggris lainnya, misalnya "orange", "green", "blue", "grey", "yellow", dan sebagainya.

Selain itu, kita juga bisa menggunakan kode warna HTML. Contohnya:

<font color="#0000FF">INI TULISAN WARNA BIRU.</font>
Maka, kita akan mendapatkan hasil semacam ini:

INI TULISAN WARNA BIRU.

Lihat, ajaib, kan? :D Masih banyak kode warna HTML lainnya, dan insya Allah aku akan posting setelah ini. Jadi, tenang saja, key? :)

Setelah itu, kita akan coba dengan backgroung tulisan. Tahu, backgroung tulisan? Di Blogger, kita bisa langsung menekan ikon stabilo yang berada di samping ikon huruf "A". Oh, ya, FYI, kode-kode ini sebenernya nggak mesti dipraktekkin di Blogger, soalnya udah ada ikon-ikon yang instan. Tapi, ketika kita nggak menemukan ikon-ikon itu, maka kode-kode ini kita butuhkan. Jadi, semua kode HTML bisa diletakkan di mana kode HTML bisa dibaca.^^

Oke, langsung ke kodenya:

<span style="background-color: orange;">BACKGROUNDNYA ORANYE, KAN?</span>
Maka, kita bisa menemukan tulisan itu menjadi:

BACKGROUNDNYA ORANYE, KAN?

Nah, seru, kan? Sekali lagi, kita juga bisa pakai kode warna HTML. Contohnya begini:

<span style="background-color: #229922;">BACKGROUNDNYA HIJAU, KAN?</span>
Maka, hasilnya adalah ini:

BACKGROUNDNYA HIJAU, KAN?

Lucu, kan? Pasti udah nggak sabar pengen nyobain! :P

Oh, ya, sebelum lupa, ada beberapa bentuk lain untuk menampilkan warna. Ini beberapa bentuknya:

color: red;
color: #ff0000;
color: rgb(255,0,0);
color: rgb(100%,0%,0%);

Tapi, tampaknya yang lebih mudah itu yang pertama dan yang kedua. Iya, kan? Masalahnya, aku juga lebih sering pake yang pertama sama yang kedua. Lagian, kalo dilihat, kode ketiga sama keempat itu kayak Teori Mendell, kan? :D

Leave a Reply

(: my notes of thoughts :)
Powered by Blogger.