dasar html (7) : Mengubah Tampilan Teks

    Buat temen-temen yang baru belajar HTML, mungkin masih penasaran dengan bagaimana cara untuk mengubah text HTML menjadi tebal atau miring.
    Tampilan huruf model ini penting karena digunakan untuk memberikan penegasan / penekanan terhadap kata-kata/ kalimat yang kita anggap itu penting.
    Pada umumnya kita menggunakan Bold untuk penekanan kalimat dan cetak miring ketika kita menggunakan istilah serapan asing.

    untuk menebalkan, gunakan tag bold <b>….</b> dan untuk italic/cetak miring gunakan tag <i>…</i>
    contoh:

    kalimat ini mengandung <b>kata yang ditebalkan</b>
    kalimat ini mengandung <i>dimiringkan</i>

    Berikut beberapa tag yang biasa dipakai untuk mengubah tampilan huruf:

    <b> bold untuk menebalkan huruf
    <strong> mirip dengan perintah <b>
    <i> italic untuk mencetak miring
    <em> italic untuk mencetak miring
    <u> underline untuk menampilkan huruf bergaris bawah
    <blink> untuk menampilkan hurus secara berkedip
    <big> Menampilkan huruf dalam ukuran besar
    <small> Menampilkan huruf dalam ukuran kecil
    <sub> subscript tulisan kecil  dibawah, biasanya pada rumus kimia
    <sup> superscript tulisan kecil diatas, misal menulis rumus pangkat (kuadrat)
    <ins> Membuat teks bergaris bawah (yang benar dari yang di coret) (Inserted)
    <del> Membuat teks dicoret tengah (teks salah) (Deleted)
    <strike>Membuat teks tercoret dengan garis di tengah

    tag tersebut bisa juga dikombinasikan sesuai dengan kebutuhan
    misal akan menampilkan huruf tebal bergaris bawah

    <b><u>Tulisan ini bergaris bawah dan tebal</u></b>

    ingat!
    penulisan tag harus pas buka tutupnya (harus secara berurutan) gampangnya yang dalam ditutup duluan
    seperti contoh diatas,
    mebuka tag bold lalu tab underline, kemudian yang ditutup adalah underline dulu baru bold.

    contoh lagi:

    <b><i><u> Tulisan ini Bergaris bawah, miring dan tebal</u></i></b>

    UPDATE!!!
    ada sedikit pembedaan makna penggunaan tag b,i dengan strong,em
    bisa kamu baca penjelasannya disini

      Tinggalkan Balasan

      Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *