13 February 2012

HTML Tutorial untuk TEXT TAGS

Pada postingan kali ini, Tips dan Trik Blog akan berusaha mengetengahkan cara membuat tulisan pada postingan blog menjadi miring, bergaris bawah, tebal, dicoret, superscript, subscript, juga bagaimana mengganti warna, ukuran, dan type font sehingga tulisan postingan lebih variatif dan yang jelas akan menambah estetika dan enak dilihat oleh pengunjung. Mungkin postingan seperti ini sudah kedaluarsa namun saya yakin masih banyak juga yang membutuhkan ini dan semoga bermanfaat.

Membuat tulisan miring

Apit tulisan dengan <i> dan </i>
Contoh : <i> tulisan miring </i> maka akan menjadi tulisan miring

Membuat tulisan tebal

Apit tulisan dengan <b> dan </b>
Contoh : <b> tulisan tebal</b> maka akan menjadi tulisan tebal

Juga bisa dengan <strong> dan </strong>
Contoh : <strong> tulisan strong </strong> makan akan menjadi tulisan strong

Membuat tulisan bergaris bawah

Apit tulisan dengan <u> dan </u>
Contoh : <u> tulisan bergaris bawah </u> maka akan menjadi tulisan bergaris bawah

Membuat tulisan dicoret

Apit tulisan dengan <strike> dan </strike>
Contoh : <strike > tulisan dicoret</strike> maka akan menjadi tulisan dicoret

Membuat tulisan superscript

Apit tulisan dengan <sup> dan </sup>
Contoh : <sup> tulisan superscript </sup> maka akan menjadi tulisan superscript

Membuat tulisan subscript

Apit tulisan dengan <sub> dan </sub>
Contoh : <sub> tulisan subscript </sub> maka akan menjadi tulisan subscript

Membuat ukuran font lebih kecil

Apit tulisan dengan <small> dan </small>
Contoh : <small> tulisan lebih kecil </small> maka akan menjadi tulisan lebih kecil

Membuat ukuran font lebih besar

Apit tulisan dengan <big> dan </big>
Contoh : <big> tulisan lebih besar</big> maka akan menjadi tulisan lebih besar

Membuat warna font (font colour), ukuran font (font size), dan type font (font style)

Sebagai contoh kita akan membuat tulisan berwarna merah, dengan font style century, dengan ukuran font 8 maka formatnya adalah,…

<font color="#ff0000" face="century" size=8>
Ini adalah contoh tulisan yang ingin diformat </font>

Hasilnya seperti di bawah ini.

Ini adalah contoh tulisan yang diformat

Colour diikuti dengan warna yang diinginkan.
Untuk mengetahui HTML Table Warna dapat dilihat di sini lho
Face diikuti dengan dengan style/jenis font.
Size diikuti dengan ukuran yang dikehendaki.


Tetapi jika ingin praktis, Anda dapat mengetik terlebih dahulu postingan pada Word atau pengolah kata lain kemudian edit kemudian lakukan copy dan paste, seperti di postingan saya ini.

Sumber : Web Code Guide
Selamat Mencoba!!

No comments:

Post a Comment