Tutorial Text HTML Part 1: Memodifikasi Teks HTML

Diposting oleh pada tanggal

Tutorial Text HTML Part 1: Memodifikasi Teks HTML


Halo Kawan-kawan,
Memodifikasi sebuah Teks HTML merupakan hal yang biasa dilakukan. Dalam tutorial memodifikasi Teks HTML ini, kita akan belajar lebih dalam tentang beberapa tag untuk membuat huruf miring, membuat huruf tebal, membuat huruf bergaris bawah, dll.


Tag HTML dan Modifikasinya


Tag Deskripsi Contoh
<b> </b> Teks tebal Teks tebal
<strong> </strong> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<em> </em> Teks miring Teks miring
<u> </u> Teks bergaris bawah Teks bergaris bawah
<s> </s> Huruf Coret Huruf Coret
<ins> </ins> Kebalikan tag <del> Teks miring
<del> </del> Kebalikan tag <ins> Teks miring

Contoh Code HTML

<!DOCTYPE html>
  <html>
  <head>
    <title>Memodifikasi Teks HTML</title>
  </head>
<body>
<h1>Tutorial Text HTML Part 1: Memodifikasi Teks HTML</h1>
<p>Salah satu materi dalam mempelajari HTML adalah Memodifikasi Teks<br/>
Berikut Hasil Dari Beberapa Teks Yang Telah Dimodifikasi:</p>
<ul>
<li>Penggunaan tag &lt;b&gt; membuat Teks ini <b>menjadi Tebal</b></li>
<li>Penggunaan tag &lt;strong&gt; membuat Teks ini <strong> menjadi Tebal</strong></li>
<li>Penggunaan tag &lt;i&gt; membuat Teks ini <i>menjadi Miring</i></li>
<li>Penggunaan tag &lt;em&gt; membuat Teks ini <em>menjadi Miring</em></li>
<li>Penggunaan tag &lt;u&gt; membuat Teks ini <u>menjadi Bergari Bawah</u></li>
<li>Penggunaan tag &lt;s&gt; membuat Teks ini <s>menjadi Memiliki Coretan</s></li>
<li><ins>Disini Menggunakan tag &lt;ins&gt;</ins>, <del>kemudian akan diikuti tag &lt;del&gt;</del></li>
</ul>
</body>
</html>

Hasil Code



Catatan: Pada Code HTML diatas, Kawan-kawan akan menemukan code berikut "&lt;b&gt;", yang ketika dijalankan di web browser menjadi "<b>". Code ini adalah merupakan karakter khusus dalam HTML, Untuk penjelasan lebih lanjut silakan membaca di "Cara Menampilkan dan Memasukan Karakter Khusus ke Dalam HTML".

Pada contoh diatas kita menemukan ada lebih dari 1 tag dengan fungsi yang sama. Pada dasarnya penggunaan tag-tag dengan fungsi yang sama ini oleh para programmer sering dipertukakan. Jadi kita tidak perlu mempermasalahkannya, gunakan saja tag yang menurut kita paling nyaman untuk digunakan selama tidak menjadi masalah.

Belajar HTML Secara Lengkap Disini:
1. Tutorial HTML Bagian 1
2. Tutorial HTML Bagian 2