Cara Menghias Dan Mempercantik Tulisan Teks Pada HTML

Posted by Ashari

Oke jumpa lagi dengan saya di Tutorial Panduan Belajar HTML, sekarang saya akan berbagi kepada anda semua tentang bagaimana Cara Menghias dan Mempercantik Tulisan Teks Pada HTML. Tag-tag html ini akan merubah tampilan teks saat html di browser dijalankan, tag-tag tersebut akan merubah bentuk Tulisan Teks seperti :
  • Tulisan Teks Tebal (Bold)
  • Tulisan Test Miring (Italic)
  • Tulisan Teks Garis Bawah (Underline)
  • Tulisan Teks Garis Tengah (Striketrough)
  • Tulisan Teks Berada Diatas (Superscript)
  • Tulisan Teks Berada Dibawah (Subscript)
 Cara membuatnya adalah sebagai berikut :
  1. <b> atau <strong> : Untuk membuat tulisan Tebal
  2. <i> atau <em> : Untuk membuat tulisan miring
  3. <u> atau <ins> : Untuk membuat tulisan garis bawah
  4. <del> atau <strike> : Untuk membuat tulisan garis tengah
  5. <sup> :Untuk membuat tulisan berada diatas
  6. <sub> : Untuk membuat tulisan berada dibawah
Untuk lebih jelasnya langsung saja kita praktekan dengan mengetikan kode html dibawah ini (Ingat diketik ya jangan dicopy hehe)

<html>
<head>
<title>Menghias dan Mempercantik Tulisan Teks</title>
</head>
<body>
     <h2>Contoh Jenis Teks Tulisan</h2>
           <b>Ini Tulisan Teks Tebal</b><br>
           <i>Ini Tulisan Teks Miring</i><br>
           <u>Ini Tulisan Teks Garis Bawah</u><br>
           <del>Ini Tulisan Teks Garis Bawah</del><br>
           Ini Tulisan Teks Berada <sup>Diatas</sup><br>
           Ini Tulisan Teks Berada <sub>Dibawah</sub>
      <br><br>
      <h2>Modifikasi Tulisan Teks</h2>
           <strong><em>Ini Tulisan Teks Tebal dan Miring</strong><em><br>
           <ins><em>Ini Tulisan Teks Miring dan Garis Bawah </ins></em><br>
           Ini Tulisan Teks Tebal Berada <strong><sup>Diatas </strong></sup><br>
           Ini Tulisan Teks Tebal Berada <strong><sub>Dibawah </strong></sub>
</body>
</html>

Kemuadian Simpan dengan nama tulisan.html di folder anda, lalu buka file tersebut di browser maka tampilannya sebagai berikut






Nah itulah Cara Menghias dan Mempercantik Tulisan Teks Pada HTML, anda tinggal modifikasi sendiri tergantung kebutuhan anda jenis tulisan yang akan anda hias & modifikasi. Oke sekian dulu dari saya semoga bermanfaat.


Demo Blog NJW V2 Updated at: 22:24:00

3 komentar: