Ada beberapa cara untuk membuat karakter/teks berbentuk tebal (bold), dan salah satu diantaranya adalah dengan memanfaatkan html tag "b". Karakter/teks yang hendak ditampilkan/dibuat tebal diletakkan diantara tag pembuka "b" dan tag penutup "b" yang bentuk kode htmlnya sbb:
<b>Text here</b>
Dapat juga ditulis dalam bentuk seperti berikut:
<B>Text here</B>
Dua cara berbeda di atas akan menghasilkan output yang sama seperti di bawah ini:
Text here! perhatikan teks disamping berbentuk tebal!
Sekalipun menggunakan html tag "b" dirasakan lebih simpel atau praktis dibandingkan dengan menggunakan html strong tag (yang keduanya sama-sama berfungsi membentuk karakter font tebal), namun dalam penggunaan di web/blog lebih diutamakan untuk menggunakan html strong tag dengan pertimbangan penterjemahan "tag b" terdapat perbedaan di beberapa bahasa tertentu.
Selain menggunakan tag "b" atau tag "strong", anda dapat membuat/membentuk karakter font tebal dngan memanfaatkan kode css font-weight property. Value/nilai "bold" membuat karakter dalam bentuk tebal. HTML tag span dapat anda manfaatkan untuk hal ini.
Cara menggunakannya sbb:
<b>Text here</b>
Dapat juga ditulis dalam bentuk seperti berikut:
<B>Text here</B>
Dua cara berbeda di atas akan menghasilkan output yang sama seperti di bawah ini:
Text here! perhatikan teks disamping berbentuk tebal!
Sekalipun menggunakan html tag "b" dirasakan lebih simpel atau praktis dibandingkan dengan menggunakan html strong tag (yang keduanya sama-sama berfungsi membentuk karakter font tebal), namun dalam penggunaan di web/blog lebih diutamakan untuk menggunakan html strong tag dengan pertimbangan penterjemahan "tag b" terdapat perbedaan di beberapa bahasa tertentu.
Selain menggunakan tag "b" atau tag "strong", anda dapat membuat/membentuk karakter font tebal dngan memanfaatkan kode css font-weight property. Value/nilai "bold" membuat karakter dalam bentuk tebal. HTML tag span dapat anda manfaatkan untuk hal ini.
Cara menggunakannya sbb:
<style type="text/css">
span.tebal {
font-weight: bold;
}
</style>
<span class="tebal">Text here!</span>
Beberapa sifat dasar html tag "b" yang perlu diperhatikan
- display inline
- hanya dapat diberlakukan pada teks
- dapat diselipkan dalam elemen html lain yang fungsinya untuk menampilkan teks
- tag "b" dapat dipergunakan secara berulang pada elemen induk yang sama.
- tag pembuka dan penutup "b" dapat dituliskan dalam huruf kecil atau huruf capital.
- sifat dasar tag "b" dapat dirubah melalui penambahan attribute tertentu.
Contoh :
HTML tag "b" membentuk karakter/teks tebal.Kode html kalimat di atas adalah sbb:
<b>HTML tag "b"</b> membentuk karakter/teks <b>tebal</b>.
Menambah attribute style pada html "b" tag
Menambahkan attribute style dengan beberapa css property pada tag "b" bertujuan untuk menampilkan style berbeda pada karakter/teks yang diletakkan dalam tag "b". Untuk memberi warna latar dapat ditambahkan sebuah background color atau background image. Selain itu dapat juga ditambahkan beberapa css property lain seperti display (block/inline-block), padding, margin, border, text-decoration dll.Contoh bentuk penulisan kode:
<b style="display: block;padding-bottom: 5px;margin: 15px 0;text-transform: uppercase;font: bold 14px Verdana, Arial, Tahoma, Sans-serif;color: red;">Text here!</b>Kode di atas akan menghasilkan teks seperti berikut:
Text here!
Edit kode dalam box demo di bawah ini untuk mengetahui lebih jelas fungsi tag "b". Anda juga dapat menggabungkan tag "b" dengan tag lain untuk mendapatkan hasil berbeda, bahkan jika diperlukan bisa juga ditambahkan attribute style dengan beberapa properti css misalnya color, background dan properti lain.
Please click the button to display. Continue with editing code and click to see the results!
Post : Tag <b> - html "b" tagby : gubhugreyot - gubhugcss
my Blogs : Demo Tutorial Blogger-1 | Demo Tutorial Blogger-2 | Best Blogger Hacks | Best Blogger Menus | gubhuggreyot-b'detik | gubhugreyot
Tidak ada komentar:
Posting Komentar