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

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