Belajar HTML Dasar: #3 Format Text dalam HTML


Belajar HTML Dasar: #3 Format Text dalam HTML - Selamat datang di codekami, di artikel ini kita akan melanjutkan membahas mengenai belajar HTML. Sebelum nya kita sudah membahas mengenai tag, element dan attribut. Nah, pada kesempatan kali ini kita akan belajar mengenai format text pada HTML.


Format Text dalam HTML

Dalam penulisan HTML nanti pasti kita akan sering menggunakan format text didalamnya. Baik itu dalam penulisan judul maupun penulisan content. Berikut ini adalah contoh-contoh penulisan format text dalam HTML :

 <b>Halo semua</b>
 <strong> Halo semua</strong>

Tag <b> atau tag <strong> diatas untuk membut format text menjadi tebal, atau disebut sebagai format text bold.

 <u>Hallo semua</u>

Tag <u> digunakan untuk membut format text mempunyai garis bawah (underline).

 <i>Hallo semua</i>

Tag <i> diatas untuk menuliskan format text menjadi italic/miring.

Lebih lengkapnya seperti gambar di bawah ini :


Kita coba menuliskanya dalam document html:


 <!DOCTYPE html>
 <html>
 <head>
    <title>Belajar HTML Dasar</title>
 </head>
 <body>
    <b>format tebal</b><br/>
    <i>format text miring</i><br/>
    <u>format text bergaris bawah</u><br/>
    <em>ini format text em</em><br/>
    <small>format text kecil</small><br/>
    <strong>format text tebal</strong><br/>
    <sub>format text sub</sub><br/>
    <ins>format text ins</ins><br/>
    <sup>format text sup</sup><br/>
    <mark>format text mark</mark>
    <del>format text del</del><br/>
 </body>
 </html>

*Jangan lupa budayakan untuk mengetik sendiri, supaya teman-teman familiar dengan tag-tag dalam HTML.

Kemudian teman-teman save dan jangan lupa kasih extensi html, kemudian buka dibrowser dan tampilanya akan seperti ini :

Setiap paragraf yang kita tulis memiliki format yang bermacam-macam.

Cukup sekian untuk artikel kali ini. Semoga bermanfaat dan menambah ilmu teman-teman. Terima kasih..



0 Response to "Belajar HTML Dasar: #3 Format Text dalam HTML"

Post a Comment

Iklan Atas Artikel