Created (c) by Princexells Seyka (Princelling Saki)

Minggu, 24 Februari 2013

Mengubah Tampilan Teks


 Buat kamu yang baru belajar HTML, mungkin penasaran bagaimana cara mengubah huruf menjadi tebal atau membuatnya menjadi miring. Tampilan huruf seperti ini sangat penting untuk dilakukan, mislanya pada saat kita perlu memberikan penekanan pada kata-kata tertentu yang kita anggap penting, pada umumnya kita menggunakan huruf 



tebal, atau pada saat menggunakan istilah asing, maka kita perlu membuatnya menjadi miring (atau istilah lainnya italic). Jika iya, maka tutorial HTML kali ini pas banget buat kamu. Gampang kok untuk mengubah tampilan huruf seperti itu.
Seperti yang sudah kamu ketahui dari tutorial elemen HTML ini, kamu pastinya udah tahu kalau HTML menggunakan tag untuk semua perintah yang dilakukannya. Nah, untuk mengubah tampilan dan format teks, HTML juga menggunakan tag-tag seperti <b> (untuk menebalkan huruf) dan <i> (untuk menampilkan huruf miring) untuk menampilkan teks atau huruf sesuai dengan kebutuhan kita.
Berikut beberapa tag untuk mengubah tampilan huruf yang sering digunakan:



TagDeskripsi
<b>Menebalkan huruf
<i>Menampilkan huruf miring
<big>Menampilkan huruf dalam ukuran besar
<small>Menampilkan huruf dalam ukuran kecil
<strong>Mirip dengan <b>, menampilkan dengan tebal
<sub>Subscript (Tulisan kecil di bawah, misalnya untuk menulis rumus kimia)
<sup>Superscript (Yang ini kecil di atas, misalnya menulis kuadrat)
<u>Menulis huruf bergaris bawah.
Bagaimana contoh pemakaiannya? Berikut ini contoh untuk menampilkan tulisan tebal dan miring:
 
<b><i>Tulisan ini tebal dan miring</i></b>

Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top