HTML: Trik Modifikasi Teks Bag 1

Pada HTML versi sebelumnya, kita hanya bisa membuat keterangan gambar dengan tag p yang diletakan tepat dibawah tag img. Sekarang, HTML 5 memiliki tag baru yang bernama <figure> dan <figurecaption>. Tugas dari tag ini mempermudah kita untuk menambah keterangan gambar.

Span dapat digunakan sebagai alat untuk menyeleksi sebagian teks pada paragraf. Dengan kemampuan ini kita bisa membuat huruf terdepan dari paragraf berukuran lebih besar dengan gabungan span pada huruf pertama dan CSS untuk mengatur ukurannya.

Tag paragraf memiliki properti CSS yang hampir sama dengan div karena elemen HTML ini bersifat block atau berbentuk kotak. Jadi, tag p bisa dimanfaatkan untuk mendapatkan efek di atas tanpa bantuan div.

Tulisan yang padat dengan sedikit jarak akan membuat kita sulit untuk membacanya. Tapi kita bisa mengatasinya dengan bantuan CSS. Properti CSS letter-spacing dan word-spacing akan mengatur jarak pada tulisan paragraf. Untuk mengatur huruf satu-persatu, gunakan letter-spacing. Sedangkan jarak antar kata bisa menggunakan word-spacing. Kita cukup memasukan nilai berupa satuan pixel atau satuan em.

Bosan dengan posisi div yang selalu berada disamping kiri? Coba gunakan margin:auto; untuk mengubahnya menjadi di tengah.