TUGAS 5

Kita review Kepada Tugas 4 Tentang Masalah Membuat Tabel dll.pada tugas 5 lebih menerangkan pada cara membuat tabel .

Pengertian Membuat Tabel Selalu terdiri dari dua elemen utama, yaitu baris dan kolom. Syarat Dalam membuat tabel di HTML harus memiliki elemen atau kode tertentu akan tetapi sebelum membuat baris dan kolom dari tabel kita harus membuat tabelnya terlebih dahulu.

Proses Pembuatan tabel dimulai dari inisialisasi tabel, dengan cara menggunakan elemen atau kode penulisan tabel

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table dalam HTML, digunakan tag-tag <TABLE>, <TR>, <TD>. <TABLE> ….. </TABLE>.

Atribut :

align - Mendefinisikan perataan (align) tabel yaitu yaitu perataan kiri (left), tengah (center) atau kanan (right).

bgcolor - Mendefinisikan warna latar belakang

border - Mendefinisikan ukuran garis tepi (border) dalam satuan pixels.

cellpadding - Mendefinisikan spasi

cellspacing - Mendefinisikan spasi antara dua cells dalam satuan pixels.

width – Mendefinisikan ukuran tabel dalam pixels atau persentase

Dalam sebuah tabel kita mengenal istilah baris dan kolom. Baris adalah cell-cell yang disusun secara vertikal, sedangkan kolom adalah cell-cell yang disusun secara horizontal.

Untuk membuat  tabel kita gunakan tag

<table></table>

Untuk membuat tabel

<tr>/<tr>

Untuk membuat baris

<td></td>

Untuk membuat kolom

<td rowspen></td>

Untuk menggabungakan beberapa baris

<td colspen></td>

Untuk menggabungkan beberapa kolom

                                             

Berikut source codenya:

<td><input type="text" name="tnama"></td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>

<input type="radio" name="jeniskelamin" value="Laki-Laki" /> Laki-Laki

<input type="radio" name="jeniskelamin" value="Perempuan" /> Perempuan

</td>

</tr>

<tr>

<td>Jurusan</td>

<td><select name="jurusan">

<option value>Pilih Jurusan</option>

<option value="IPA">IPA</option>

<option value="IPS">IPS</option>

</select></td>

</tr>

<tr>

<td>Semester</td>

<td>

<input type="radio" name="semester" value="Semester 1" /> 1

<input type="radio" name="semester" value="Semester 2" /> 2

<input type="radio" name="semester" value="Semester 3" /> 3

<input type="radio" name="semester" value="Semester 4" /> 4

<input type="radio" name="semester" value="Semester 5" /> 5

<input type="radio" name="semester" value="Semester 6" /> 6

</td>

</tr>

<tr>

<td>Mata Pelajaran</td>

<td><select name="mapel">

<option value>Pilih Mata Pelajaran</option>

<option value="Biologi">Biologi</option>

<option value="Sosiologi ">Sosiologi </option>

<option value="Matematika">Matematika </option>

<option value="Fisika">Fisika </option>

<option value="bahasainggris">bahasa inggris </option>

<option value="Kimia">Kimia </option>

<option value="Bahasaindonesia">bahasa indonesia</option>

</select></td>

</tr>

<tr>

<td>Nilai Tugas</td>

<td><input type="text" name="ttugas"></td>

</tr>

<tr>

<td>Nilai Quis</td>

<td><input type="text" name="tquis"></td>

</tr>

<tr>

<td>Nilai UTS</td>

<td><input type="text" name="tuts"></td>

</tr>

<tr>

<td>Nilai UAS</td>

<td><input type="text" name="tuas"></td>

</tr>

<tr>

<td colspan="2">

<div align="left">

<input type="submit" name="proses" value="submit"/>

<input type="reset" name="Reset" value="Reset"/>

</div>

</td>

</tr>

</table>

</form>

</body>

setelah selesai simpan dan buka menggunakan browser anda, dan hasilnya akan nampak seperti berikut

selesai deh....!!!!    Selamat mencoba Sob..... :)


salam hangat