Posts tagged ‘html’

29 Juni 2010

Membuat sebuah garis dengan html


membuat garis dengan htmlPengen membuat sebuah garis horisontal hitam atau warna lainya? ni sekedar informasi bagi yang belum bisa membuat sebuah garis dengan kode html,karena dalam membuat sebuah tabel tentunya diperlukan sebuah garis2,dan ini langkah awalnya, cara membuatnya sbb:

garis diatas merupakan dasarnya, namun anda bisa memodifikasinya, seperti ini :


atau seperti ini:


Kita mulai dari kode dasarnya, kode dasar dari garis itu adalah :

<hr/>

Jika anda mau anda bisa tidak menggunakan garis miring (/), namun dalam XHTML, semua tag harus ditutup.
Anda bisa mewarnainya dengan tambahan “color”, seperti ini :

<hr color=’warna yang anda mau’/>

Anda juga bisa menentukan lebarnya dengan tambahan “width”, misalnya anda ingin warna ungu dengan lebar 500, maka kodenya seperti ini :

<hr color=’purple’ width=’500px’/>

Iklan
29 Juni 2010

Membuat sebuah tabel dengan html


Membuat tabel dengan kode htmlSekarang kita akan masuk pada tahap yang lebih rumit, kenapa saya kata rumit? karena dalam membuat tabel dengan HTML ini diperlukan ketelitian, kecermatan dan kawan-kawannya. untuk menunjukkan daftar, misalkan tentang daftar sebuah harga atau data tertentu memang lebih mudah ditunjukkan dengan sebuah tabel, salah satu teman saya juga pernah saya buatkan tabel tentang harga pulsa dengan kode html,daripada menngunakan image/jpg yang loadingnya lama mungkin ada baiknya kamu pakai html saja,misal kode sbb:

<table border=”1″>
<tbody><tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
</tbody></table>

maka akan terlihat sbb:

Hari1 Hari2 Hari3 Hari4 Hari5
Hari1 Hari2 Hari3 Hari4 Hari5
Hari1 Hari2 Hari3 Hari4 Hari5

atau kamu bisa memasukkan seperti dibawah ini:

<table border=”1″>
<tbody><tr>
<th>Hari</th>
<th colspan=”2″>jenis pengunjung</th>
</tr>
<tr>
<td>
</td>
<td>Cewe'</td>
<td>Cowo'</td>
</tr>
<tr>
<td>Senin</td>
<td>50</td>
<td>6</td>
</tr>
<tr>
<td>Selasa</td>
<td>70</td>
<td>90</td>
</tr>
<tr>
<td>Rabu</td>
<td>3</td>
<td>150</td>
</tr>
</tbody></table>

maka hasilnya spt ini:

Hari jenis pengunjung
Cewe’ Cowo’
Senin 50 6
Selasa 70 90
Rabu 3 150

lihatlah hasinya dan editlah sesuai keinginan kamu.
semoga bermanfaat!