CARA MEMBUAT TABEL PADA KODE HTML

PERTEMUAN  KEDUAMATERI   =>  TATA CARA MEMBUAT  TABLE UNTUK HTMLTentu kita sudah tau apa itu table ,  table itu adalah yang terdiri dari antara baris dan kolom
Untuk membuat sebuah table pada tampilan HTML   tentu kita  akan menggunakan tag-tag yang berfungsi untuk membuat garis dan kolom pada halaman notepad.
Beberapa tag yang digunakan  untuk membuat baris dan kolom antara lain :
1.       <table> </table>  =>  digunakan untuk membuat table
2.       <tr> </tr>                => digunakan untuk membuat baris pada table
3.       <td></td>               => digunakan untuk  membuat kolom pada table

Kita langsung ke contohContoh 1  =>  membuat table seperti di bawah ini

NO	NIM	NAMA
1	180840000	ANDI
2	180840001	IRWAN
3	180840003	ADIL
4	180840004	SANGKOT
5	180840005	SAMUEL
6	180840008	VITREN
7	180840009	GIRALDO

Langkah-langkah1.    Kita buka notepad
2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat table.html), bisa disimpan di sembarangan tempat
3.    Kita ketikkan kode html
Kita dapat menggunakan kode html di bawah ini

<html> <head> <title>Belajar tabel</title> <style> table{ background-color :gold; color : blue; width: 20%; font-family: verdana; font-size: 12 pt; border : 5px solid red; } </style> </head> <body> <table> <tr> <td>NO</td> <td>NIM</td> <td>NAMA</td> </tr> <tr> <td>1</td> <td>180840000</td> <td>andi</td> </tr> <tr> <td>2</td> <td>180840001</td> <td>irwan</td> </tr> <tr> <td>3</td> <td>180840003</td> <td>adil</td> </tr> <tr> <td>4</td> <td>180840004</td> <td>sangkot</td> </tr> <tr> <td>5</td> <td>180840005</td> <td>samuel</td> </tr> <tr> <td>6</td> <td>180840008</td> <td>vitren</td> </tr> <tr> <td>7</td> <td>180840009</td> <td>giraldo</td> </tr> </table> <body> </html>

Maka kita dapat peroleh hasil dari kode html yang kita buat di atas
Contoh 2 => membuat table seperti di bawah ini

TA	Jumlah mahasiswa
	Genap	Ganjil	Genap	Ganjil	genap
2018	150	150	150	150	150
2018	150	150	150	150	150
2018	150	150	150	150	150

Langkah-langkah1.    Kita buka notepad
2.    Kita ketikkan kode html
3.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat table.html), bisa disimpan di sembarangan tempat

Untuk membuat table di atas kita dapat menggunakan contoh kode HTML di bawah ini

<html> <head> <title> Belajar tabel 2 </title> u <style> table{ background-color :gold; color : blue; width: 20%; font-family: verdana; font-size: 12 pt; border : 5px solid red; border-collapse : collapse; } </style> </head> <body> <table border=1px> <tr> <td rowspan=2>TA</td> <td colspan=5 align=center>jumlah mahasiswa</td> </tr> <tr> <td>genap</td> <td>ganjil</td> <td>genap</td> <td>ganjil</td> <td>genap</td> </tr> <tr> <td>2018</td> <td>150</td> <td>150</td> <td>150</td> <td>150</td> <td>150</td> </tr> <tr> <td>2019</td> <td>150</td> <td>150</td> <td>150</td> <td>150</td> <td>150</td> </tr> <tr> <td>2020</td> <td>150</td> <td>150</td> <td>150</td> <td>150</td> <td>150</td> </tr> </table> </body> </html>

Dari hasil kode di atas  akan tampil seperti di bawah ini

Sekian contoh sederhana untuk membuat table semoga bermanfaat bagi kita yang membutahkan ,jika ada kesalahan sebelumnya saya minta maaf, mohon di kasih saran untuk lebih baik lagiNAMA   :  GIRALDO SILITONGANPM      : 180840009PRODI   : TEHNIK INFORMATIKADOSEN PENGAMPU  : WASIT GINTING S.KOM ,M.KOMx
x