PENGATURAN TAMPILAN WEBSITE
advertisement
PENGATURAN TAMPILAN WEBSITE I BANDUNG 2009, BY HERY DWI Y TAG PENGATURAN TEKS Untuk menampilkan dokumen supaya bisa terlihat lebih baik, maka ada beberapa tag yang perlu diketahui. Tag-tag tersebut diantaranya berguna untuk mempertebal tulisan (bold), meng-italic-an tulisan, menggarisbawahi tulisan, pengaturan paragraf dan lain-lain. Tag-tag tersebut diantaranya : Contoh : <html> <head> <title>Ini Judul, OK</title> </head> <body> <b>Ini teks tebal</b><Br> <u>Ini teks digaris bawah</u><br> <i>Ini teks dimiringkan</i><br> <b><i>teks ini ditebalkan dan dimiringkan</i></b><br> <tt>Ini gaya tulisan mesin tik</tt><br> Contoh superscript : f(x)=2x<sup>2</sup>+5x+3<Br> Contoh sub script :D=X<sub>1</sub>+X<sub>2</sub><br> Ini Tulisan Normal <big><big>ini diperbesar 2 kali</big></big> normal lagi khan?<br> Ini Tulisan Normal <small><small>ini diperbesar 2 kali</small></small> normal lagi khan?<br> Ini Juga Normal tapi yang ini <strong>dipertebal</strong><br> <font face=”verdana” size=5>Ini teks berfont VERDANA dengan besar 5</font> <h1>Ini Header 1</h1> <h2>Ini Header 2</h2> <h3>Ini Header 3</h3> <h4>Ini Header 4</h4> <h5>Ini Header 5</h5> <h6>Ini Header 6</h6> </body> </html> Tampilan TAG PENGATURAN PARAGRAF Untuk mengatur paragraf, digunakan tag <p> dan </p>. Tag ini mempunyai atribut align yang boleh terisi dengan center, left, right dan justify. Contoh : <html> <head> <title>Ini Judul, OK</title> </head> <body> <p align=left><b>Rata Kiri</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> <p align=center><b>Rata Tengah</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> <p align=right><b>Rata Kanan</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> <p align=justify><b>Rata Kiri-Kanan</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> </body> </html> Tampilan TAG LIST Tag list digunakan untuk menampilkan beberapa daftar. Ada beberapa jenis list yang dikenal oleh HTML yaitu : 1. List bernomor (ordered list), tag yang dipakai adalah <ol> dan diakhiri dengan </ol> 2. List tidak bernomor (unordered list) , tag yang dipakai adalah <ul> dan </ul> 3. List definisi (definition list), tag yang dipakai adalah <dl> dan </dl> Untuk item listnya, tag yang digunakan dalam list bernomor dan tidak bernomor adalah dengan perintah <li> dan ditutup dengan </li>. Sedangkan untuk list definisi, <dt> dan </dt> sebagai definisi term dan <dd> dan </dd> sebagai definisi description (keterangan dari definisi term). TAG LIST Bentuk umum untuk membuat list bernomor adalah : <ol type=”tipenomor”> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ol> Untuk tipenomor, nilai yang bisa diisikan adalah 1 (angka), A (huruf besar), a (huruf kecil), I (romawi kapital), i (romawi kecil). Bentuk umum untuk membuat list bernomor adalah : <ul type=”tipebullet”> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> TAG LIST Untuk tipenomor, nilai yang bisa diisikan adalah disc (bulatan), circle (lingkaran), square (segiempat). Untuk list definisi, bentuk umumnya adalah : <dl> <dt>Term 1</dt><dd>Keterangan lengkap mengenai Term 1</dd> <dt>Term 2</dt><dd>Keterangan lengkap mengenai Term 2</dd> <dt>Term 3</dt><dd>Keterangan lengkap mengenai Term 3</dd> </dl> Contoh : <html> <head> <title>FORM HTML</title> </head> <body> <p>Kota-Kota Besar Di Pulau Jawa (memakai angka)</p> <ol type="1"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ol> <p>Kota-Kota Besar Di Pulau Jawa (memakai huruf kapital)</p> <ol type="A"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ol> <p>Kota-Kota Besar Di Pulau Jawa (memakai bulatan)</p> <ul type="disk"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ul> <p>Kota-Kota Besar Di Pulau Jawa (memakai segiempat)</p> <ul type="square"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ul> <p>Kota-Kota Besar Di Pulau Jawa (dalam bentuk seperti daftar pustaka)</p> <dl> <dt><b>Bandung</b></dt><dd>Bandung adalah ibukota Jawa Barat</dd> <dt><b>Jakarta</b></dt><dd>Jakarta adalah ibukota DKI Jakarta</dd> <dt><b>Surabaya</b></dt><dd>Surabaya adalah ibukota Jawa Timur</dd> </dl> </html> Tampilan TAG PEMBUATAN TABEL Untuk membuat suatu tabel dalam suatu halaman web site, maka tag yang dipakai adalah <table> dan </table>, <tr> dan </tr> yang terarti table row, <td> dan </td> yang berarti table data. Bentuk dari tabel adalah seperti berikut : TAG PEMBUATAN TABEL <html> <head> <title>Ini Judul, OK</title> </head> <body> <table border=4 cellspacing=10 cellpadding=5> <tr><td>Kiri Atas</td><td>Kanan Atas</td></tr> <tr><td>Kiri Bawah</td><td>Kanan Bawah</td></tr> </table> </body> </html Tampilan
