Membuat tabel HTML

Assalamualaikum...

Apa kabar semu ??? semoga baik-baik saja,,, Oke langsung saja, untuk kali ini saya akan posting tentang cara membuat tabel dengan HTML , langsung saja codingnya sebagai berikut :

<table border=1>

<tr>

<th>HEAD 1</th><th>HEAD 2</th><th>HEAD 3</th><th>HEAD 4</th>

</tr>

<tr>

<td>isi</td><td>isi</td><td>isi</td><td>isi</td>

</tr>

</table>

dari coding diatas maka akan menghasilkan output seperti gambar berikut :

 simple bukan th maksudnya yaitu tabel judul, tanpa th juga ngga papa, tergantung kebutuhan saudara sekalian.
posted by : muhammad maftuhin Read more

komponen form pada html

Assalamualaikum.... Apa kabar semua ??? semoga baik baik saja...
Untuk kali ini saya akan posting tentang membuat form pada website.
yang pertama yaitu :

Textbox
untuk codingnya sendiri yaitu :
 "<input type=text name=textbox>" tanpa tanda petik
maka hasilnya akan seperti berikut :




jika kita ubah menjadi "<input type=password name=password>" tanpa tanda petik
maka jika kita mengetikan sesuatu pada textbox itu hanya akan tampil bintang-bintang, seperti gambar berikut :
 
 
 Listview
untuk membuat listview sendiri caranya sebagai berikut :

Contoh listview

<select>
<option>pilihan 1</option>
<option>pilihan 2</option>
<option>pilihan 3</option>
<option>pilihan 4</option>
<option>pilihan 5</option>
</select>

maka output dari coding diatas adalah sebagai berikut :




Radiobox

untuk yang satu ini biasanya digunakan untuk 2 pilihan  :
codingnya


Contoh Radiobox
<input type=radio name=r1 class=ss>radio 1
<input type=radio name=r2 class=ss>Radio 2




maka outputnyas adalah sebagai berikut :






 Button
kalau yang ini pasti sudah pada tahu, yaitu tombol, untuk codingnya sendiri yaitu sebagai berikut :

<input type=submit name=button value=Button>

atau bisa dengan cara

<button>Button</button>

Hasilnya akan sama, maka output yang dihasilkan adalah sebagai berikut :

Sekian untuk kali ini dan akan saya lanjutkan untuk warna dan tampilan supaya lebih menarik,,
semoga bermanfaat, terima kasih..

Posted by : Muhammad maftuhin


Read more