Cara membuat format teks pada html

membuat format text html

Pada HTML ada sebuah elemen terformat yang berguna untuk memberikan makna dalam sebuah teks dan dirancang untuk menampilkan jenis teks khusus atau teks terformat seperti: teks miring, teks tebal, teks tercoret dll. Berikut daftar list yang akan kita pelajari:

  • Elemen <b>
  • Elemen <strong>
  • Elemen <i>
  • Elemen <em>
  • Elemen <mark>
  • Elemen <small>
  • Elemen <del>
  • Elemen <ins>
  • Elemen <sub>
  • Elemen <sup>

Contoh:

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>
        <p>saya adalah <b>Elemen bold</b> </p>

        <p>saya adalah <strong>Elemen strong</strong> </p>

        <p>saya adalah <i>Elemen i</i></p>

        <p>saya adalah <em>Elemen em</em> </p>

        <p>saya adalah <mark>Elemen mark</mark> </p>

        <p>saya adalah <small>Elemen small</small> </p>

        <p>saya adalah <del>Elemen del</del> </p>

        <p>saya adalah <ins>Elemen ins</ins> </p>

        <p>saya adalah <sub>Elemen sub</sub> </p>

        <p>saya adalah <sup>Elemen sup</sup> </p>
    </body>
</html>

Hasilnya:

saya adalah Elemen bold

saya adalah Elemen strong

saya adalah Elemen i

saya adalah Elemen em

saya adalah Elemen mark

saya adalah Elemen small

saya adalah Elemen del

saya adalah Elemen ins

saya adalah Elemen sub

saya adalah Elemen sup

Kegunaanya serta contoh penulisannya

Elemen Html <b>

<b>Teks tebal</b>

<b> adalah salah satu elemen HTML yang mendefinisikan teks tebal, tanpa arti penting tambahan. Elemen <b> kepanjangan dari teks bold dan secara default menampilkan teks tebal atau hitam.

Elemen Html <strong>

<strong>Teks penting</strong>

<strong> adalah salah satu elemen HTML yang mendefinisikan teks yang kuat , dengan menambahkan arti penting semantik. Elemen <strong> secara default menampilkan teks tebal atau hitam.

Elemen Html <i>

<i>Teks miring</i>

<i> adalah salah satu elemen HTML yang mendefinisikan teks miring, tanpa arti penting tambahan. Elemen <i> kepanjangan dari italic dan secara default menampilkan teks miring.

Elemen Html <em>

<em>Teks yang ditekankan</em>

<em> adalah salah satu elemen HTML yang mendefinisikan teks yang ditekankan, dengan menambahkan arti penting semantik. Elemen <em> secara default menampilkan teks miring.

Elemen Html <mark>

<mark>Teks yang ditandai</mark>

<mark> adalah salah satu elemen HTML yang mendefinisikan teks yang ditandai atau disorot. Elemen <mark> kepanjangan dari marked dan secara default menampilkan teks yang mempunyai latar belakang yang berwarna kuning.

Elemen Html <small>

<small>Teks kecil</small>

<small> adalah salah satu elemen HTML yang mendefinisikan teks yang lebih kecil. Elemen <small> kepanjangan dari smalle dan secara default menampilkan teks yang lebih kecil.

Elemen Html <dell>

<del>Teks yang dihapus</del>

<del> adalah salah satu elemen HTML yang mendefinisikan teks yang dihapus atau dicoret. Elemen <del> kepanjangan dari deleted dan secara default mempunyai garis coretan pada teksnya.

Elemen Html <ins>

<ins>Teks yang dimasukkan</ins>

<ins> adalah salah satu elemen HTML yang mendefinisikan teks yang dimasukkan atau ditambahkan. Elemen <ins> kepanjangan dari inserted dan secara default mempunyai garis bawah pada teksnya. Pada umumnya penggunaan elemen <ins> suka digabung dengan <del>. Sebagai contoh Harga barang yang diskon dicoret dengan <del> dan digantikan harga diskonnya dengan elemen <ins> yang digaris bawahi.

Elemen Html <sub>

<sub>Teks subskrip</sub>

<sub> adalah salah satu elemen HTML yang mendefinisikan teks subskrip. Elemen <sub> kepanjangan dari subskrip dan secara default menampilkan teks sedikit ke bawah beberapa pixel.

Elemen Html <sup>

<sup>Teks superscript</sup>

<sup> adalah salah satu elemen HTML yang mendefinisikan teks superscript Elemen <sup> kepanjangan dari superscript dan secara default menampilkan teks sedikit ke atas beberapa pixel.

Ringkasan pembelajaran

Elemen Kegunaanya
<b>mendefinisikan teks tebal, tanpa arti penting tambahan
<strong>mendefinisikan teks yang kuat , dengan menambahkan arti penting semantik
<i>mendefinisikan teks miring , tanpa arti penting tambahan
<em>mendefinisikan teks yang ditekankan , dengan menambahkan arti penting semantik
<mark>mendefinisikan teks yang ditandai atau disorot
<small>mendefinisikan teks yang lebih kecil
<del>mendefinisikan teks yang dihapus
<ins>mendefinisikan teks yang dimasukkan atau ditambahkan
<sub>mendefinisikan teks subskrip
<sup>mendefinisikan teks superscript

Leave a Reply

Your email address will not be published. Required fields are marked *