Senin, 07 Januari 2019

Tutorial HTML - Text Formating


Di materi kali ini, kita akan mempelajari bagaimana cara memberi Style pada sebuah Teks. Dan style disini hanya merubah format teksnya, dan mungkin sedikit membahas bagaimana merubah warna teks dan lainya, walaupun pembahasan itu nanti lebih detail nya dijelaskan di seri CSS Dasar.

<b>Bold text ( Menebalkan Teks )
<strong>
:  Important text ( Mendifisikan Teks  yang penting** )
<i>:  Italic text ( Memiringkan Teks )
<em>:  Emphasized text ( Mendifisikan Teks  yang ditekankan** )
<mark>Marked text ( Menandai atau Menyorot Teks )
<small>Small text ( Mengecilkan Teks )
<del>Deleted text ( Memberikan efek Tercoret ** )
<u>:  Underline text ( Memberikan efek garis bawah )
<ins>Inserted text ( Mendefinisikan teks yang di input ** )
<sub>Subscript text ( Efek teks menjorok ke bawah )
<sup>Superscript text ( Efek teks menjorok ke atas )


Untuk cara menulisnya :
Bold<p>Ini bagian teks yang <b>tebal</b></p>
Important<p>Ini bagian teks yang <strong>Penting</strong></p>
Italic<p>Ini bagian teks yang <i>Miring</i></p>
Emphasized <p>Ini bagian teks yang <em>Ditekankan</em></p>
Marked <p>Ini bagian teks yang <mark>Ditandai</mark></p>
Small<h1>Ini bagian teks yang <small>Dikecillkan</small></h1>
Dell<p>Ini bagian teks yang <dell>Tercoret</dell></p>
Underline<p>Ini bagian teks yang <u>di Garis Bawahi</u></p>
Inserted<p>Ini bagian teks yang <ins>Terinput</ins></p>
Subscripted<p>Ini bagian yang diberi efek <sub>Subscript</sub></p>
Superscripted <p>Ini bagian yang diberi efek <sup>Superscript</sup></p> 


#Catatan 







Jika kita lihat tampilan di browser, maka  akan terlihat kesamaan Output atau yang ditampilan browser antara tag Bold dengan Important, Italic dengan Emphasized, Underline dengan Insert. Memang yang ditampilkan memiliki Output yang sama tetapi ada perbedaan Sifat dan Perilaku antara masing-masing tag/element.

Tidak ada komentar:
Write Post a Comment