Format teks di HTML

Formating text digunakan untuk memformat atau mengatur text sesuai yang kita inginkan, seperti bold, underline, italic, strong dan masih banyak lagi.

Ada dua macam Formating text yang bisa digunakan :

  1. Formating secara fisik
  2. TAG

    DESCRIPTION

    <b> … </b> Bold text
    <i> … </i> Italic text
    <u> … </u> Underline text
    <big> … </big> Untuk ukuran lebih besar dari normal
    <small> … </small> Untuk ukuran lebih kecil dari normal
    <strike> … </strike> Untuk memberi garis di tengah text
    <sup> … </sup> Superscript text
    <sub> … </sub> Subscript text
    <center> … </center> Center document
  3. Formating secara logika

TAG

DESCRIPTION

<em> … </em> Text miring / <i>
<strong> … </strong> Text tebal / <b>
<del> … </del> Mencoret text / <strike>
<ins> … </ins> Underline text / <u>

Langkah :

  1. Tulislah script dibawah ini pada dreamwaver atau notepad  :
  2. 
    Formating text
    
    <b>Teks ini di format bold</b>
    
    <strong>Teks ini di format strong</strong>
    
    <i>Teks ini di format italic</i>
    
    <em>Teks ini di format em</em>
    
    <span style="text-decoration: underline;">Teks ini di format underline</span>
    
    <ins>Teks ini di format ins</ins></pre>
    <big>Teks ini di format besar</big>
    <pre>
    
    <small>Teks ini di format kecil</small>
    
    <code>This is computer output</code>
    
    Teks ini di format <sub> subscript</sub> dan <sup>superscript</sup>
    
    <del>Teks ini di format delete / coret</del>
    
    <span style="text-decoration: line-through;">Teks ini di format strike</span>
    
    </pre>
    <center>Teks ini di format center</center>
    <pre>
    
    
    
  3. Lalu save dengan nama formatingtext.html
  4. Lalu buka file dengan browser yang anda miliki.

Hasilnya akan seperti gambar dibawah ini :

for

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s