Cara Membuat Style Font di HTML
Banyak sekali fariasi HTML untuk mempercantik tampilan website (homepage) yang kita buat. contohnya style dan format huruf sangat mempengaruhi menarik atau tidaknya tampilan website kita.
Berikut ini adalah daftar tag yang sering digunakan untuk pengaturan gaya dan format penulisan sebuah teks HTML di program.
1. <em> </em> (Emphasis Element)
Digunakan untuk menjadikan teks menjadi emphasizing, yaitu terlihat agak miring,hampir mirip dengan tag <i>ITALIC</i>.
Contoh penulisan element :
<body>
<em> Digunakan untuk menjadikan teks menjadi emphasizing, yaitu terlihat agak miring,hampir mirip dengan tag [i]ITALIC[/i] </em>
</body>
Output yang di hasilkan:
2. <strong> </strong> , <b> </b> (Bold Element)
Untuk membuat teks menjadi tebal atau bold.
Contoh penulisan element :
<body>
<strong>Untuk membuat teks menjadi tebal atau bold. </strong>
<br>
<b> Untuk membuat teks menjadi tebal atau bold. </b>
</body>
Untuk membuat teks menjadi tebal atau bold.
Contoh penulisan element :
<body>
<strong>Untuk membuat teks menjadi tebal atau bold. </strong>
<br>
<b> Untuk membuat teks menjadi tebal atau bold. </b>
</body>
Output yang di hasilkan:
3. <kbd> </kbd> (Keyboard Element)
Digunakan untuk menampilkan teks sebagai sebuah monospaced font, namun pada beberapa browser ditampilkan dalam bentuk bold atau tebal.
Contoh penulisan element :
<body>
<kbd> Digunakan untuk menampilkan teks sebagai sebuah monospaced font, namun pada beberapa browser ditampilkan dalam bentuk bold atau tebal. </kbd>
</body>
Digunakan untuk menampilkan teks sebagai sebuah monospaced font, namun pada beberapa browser ditampilkan dalam bentuk bold atau tebal.
Contoh penulisan element :
<body>
<kbd> Digunakan untuk menampilkan teks sebagai sebuah monospaced font, namun pada beberapa browser ditampilkan dalam bentuk bold atau tebal. </kbd>
</body>
Output yang di hasilkan:
4. <address> </address> (Address Element)
Digunakan untuk memisahkan teks ke baris berikutnya tanpa menggunakan tag <br>.
Contoh penulisan element :
<body>
<address> Digunakan untuk memisahkan teks ke baris berikutnya. </address>
Digunakan untuk memisahkan teks ke baris berikutnya.
</body>
Output yang di hasilkan:
5. <sup> </sup> (Superscript Element)
Digunakan untuk membuat teks menjadi superscrip.
Contoh penulisan element :
<body>
Contoh : <sup> Digunakan untuk membuat teks menjadi superscrip. </sup>
</body>
Output yang di hasilkan:
6. <sub> </sub> (Subscript Element)
Digunakan untuk membuat teks menjadi subscrip.
Contoh penulisan element :
<body>
Contoh : <sub> Digunakan untuk membuat teks menjadi superscrip. </sub>
</body>
Output yang di hasilkan:
7. <del> </del> (Deleted Element)
Digunakan untuk menampilkan teks dalam bentuk teks deleted, teks dengan garis coret pada badannya.
Contoh penulisan element :
<body>
<del> Digunakan untuk menampilkan teks dalam bentuk teks deleted,
teks dengan garis coret pada badannya. </del>
</body>
Output yang di hasilkan:
8. <ins> </ins> (Insert Element)
Digunakan untuk menampilkan teks berupa teks insert, ditandai dengan garis bawah, mirip dengan fungsi element <u>UNDERLINE</u>
Contoh penulisan element :
<body>
<ins> Digunakan untuk menampilkan teks berupa teks insert, ditandai dengan garis bawah, mirip dengan fungsi element [u]UNDERLINE[/u] </ins>
</body>
Output yang di hasilkan:
9. <br> (Break Element)
Digunakan untuk berpindah ke baris baru sama seperti tombol "Enter".
Contoh penulisan element :
<body>
UnlimitShared <br> Media Sharing <br> Blogger
</body>
Output yang di hasilkan:
10. <hr> (Horizontal Element)
Digunakan untuk membuat sebuah garis horisontal.
Contoh penulisan element :
<body>
<hr>
</body>
Output yang di hasilkan:
Untuk kalian yang memiliki website silakan merubah style huruf atau format teks dengan sesuka kalian. saya sudah menjelaskan sejelas-jelasnya agar kalian para pembaca paham tentang artikel yang saya tulis ini.
semoga artikel kali ini bermanfat yah untuk kalian yang menbacanya dan pahami artikel saya ini karena sangat bermanfaat untuk tampilan website yang anda miliki.
No comments:
Write komentar