Membuat Format Text Pada HTML

Hello guys di tutorial kali ini kita akan belajar tentang format text pada html, Pada penulisan atau pembuatan HTML sangat sering sekali orang menggunakan format text di dalamnya, bisa kita contohkan dalam penulisan judul, maupun isi artikel, kontent atau halaman web/blog tersebut.

Di sini saya akan memberi beberapa contoh dari format text pada html , mungkin format text ini berada pada isi konten maupun judul pada sebuah kontent, jadi sekarang ini saya akan mulai menjelaskan satu per satu format textnya.

Format text apa saja sih yang ada pada HTML?
Sebelum saya menjawab pertanyaan yang di atas, ada beberapa format text yang umum sekali digunakan oleh pada pembuat artikel , di antara lainnya, sebagai berikut :

1.       Huruf tebal pada html di sebut dengan (bold) <b>
Jadi untuk membuat suatu kalimat agar menjadi tebal atau bold pada halaman web pada artikel anda, anda bisa mengunakan sintak/tag html yaitu <b> Bold </b>
2.       Huruf miring pada html ,Bisa di sebut (italic) <i>
Pada sebuat konten pasti ada huruf yang miring , jadi untuk membuat huruf miring tersebut pada html , kita hanya membuat sintak / tag pada html seperti ini : <i> underline </i>
3.       Huruf garis bawah pada html (underline) <u>
Untuk memberi garis bawah atau underline pada html kita bisa memasukan sintak / tag yang seperti berikut ini : <u> underline </u>

Yang di atas adalah beberapa contoh tag yang sangat sering di gunakan , tapi ada juga yang sering digunakan, seperti pada tabel berikut ini :

Sintak HTMLKeterangan
<b>Teks tebal
<i>Membuat teks miring pada text
<u>Membuat teks bergaris bawah, fungsi tag
ini sama dengan tag ins tetapi tag u tidak
dianjurkan untuk kategori HTML text formatting melainkan
termasuk kategori HTML Style
<small>      Memperkecil ukuran text dari ukuran aslinya
<strong>Membuat teks tebal, fungsi tag ini sama dengan tag bold
<sub>Memberikan efek subscript pada teks
<sup>Memberikan efek superscript pada teks
<ins>Membuat suatu teks bergaris bawah
<del>Untuk memberi garis tengah pada teks/mencoret teks
<mark>Nonblog11400@gmail.com
<em>Membuat teks miring. Fungsi tag ini sama dengan tag i
tetapi tag em yang lebih dianjurkan/ditekankan pada
penggunaan untuk teks miring

Berikut ini ada beberapa contoh penulisan sintak atau tag element format text pada html yang sudah kita kenal tadi , yang ada pada tabel dan contoh di atas :

 
<html>
<head>
<meta charset="utf-8">
<title>Minta Ilmu | Format Text Pada HTML</title>
</head>
<body>
<b>ini format format text tebal</b><br/>
<i>ini format text italic</i><br/>
<u>ini format text underline</u><br/>
<em>ini format text em</em><br/>
<small>ini format text small</small><br/>
<strong>ini format text strong</strong><br/>
<sub>ini format text sub</sub><br/>
<sup>ini format text sup</sup><br/>
<ins>ini format text ins</ins><br/>
<del>ini format text del</del><br/>
<mark>ini format text mark</mark>
</body>
</html>

Nah mungkin hanya ini tutorial sekarang ini, jangan lupa baca tutorial berikutnya.

1 thought on “Membuat Format Text Pada HTML”

Comments are closed.