HTML Dasar untuk Widget Text (2)

Seperti dibahas pada posting sebelumnya, untuk menampilkan teks yang lebih atraktif pada widget Text diperlukan pengetahuan mengenai tag dan kode HTML dasar. Berikut ini beberapa tag HTML untuk pengolahan teks.

A. Miring dan Garis Bawah

<i>italics</i> menghasilkan tampilan: italics
<u>garis bawah</u> menghasilkan tampilan: garis bawah
<b><i>teks bold italic</i></b> menampilkan: teks bold italic

B. Menampilkan Teks di Tengah

<p align=”center”>Teks Ini di Tengah</p>
Tag <p> untuk paragraf.

C. Teks Berlatar-Belakang Warna

<p background-color: #FCF8C0>Teks ini berlatar belakang warna</p>

Teks ini berlatar belakang warna
Anda bisa mengganti #FCF8C0 dengan kode warna lain.

D. Ukuran Font

<b style=”font size: x-large; font weight: normal;”>Teks di sini</b>

Teks di sini

 Catatan:

- Anda dapat mengganti font size dengan medium, large, x-large, xx-large, atau xx-small.
- Tag font weight: normal mengembalikan tag <b> atau bold menjadi tidak bold.

E. Efek Coretan (Stright Through)

Gunakan tag text decoration: line through;

Contoh:

<b style=”font-weight: normal; text decoration: line through;”>teks ketik di sini</b>

teks ketik di sini

Begitu beberapa tag dan contoh kode yang bisa Anda terapkan di widget Text maupun di posting-an Anda. Selamat mencoba tutorial ini.