Rabu, 06 Mei 2015
Membuat Tabel Daftar Mahasiswa STT Ibnu Sina
Dengan HTML
Cara membuat tabel dengan kode HTML
Berikut ini Cara membuat tabel dengan kode HTML
diperlukan 3 tag dasar yaitu : TABLE, TR, TD.
TABLE :
Untuk menandai sebuah table.
TR :
Untuk membentuk baris.
TD :
untuk membentuk kolom.
Contoh , di bawah ini adalah serangkaian kode
HTML untuk membuat tabel :
<table
border=1>
<tr>
<td>#
</td>
</tr>
</table>
Hasilnya, browser akan menampilkan gambar tabel
seperti di bawah ini :
Berikut ini adalah cara membuat table daftar mahasiswa STT Ibnu sina Batam dengan kode HTML 1 baris 4 kolom
yang meliputi No, NPM, Nama, Jurusan.
Lihat penerapannya di bawah ini :
<table
width="655"
height="445"
border="2" align="center">
<tr>
<td width="25"
align="center"><b>NO</b></td>
<td width="200"
align="center"><b>NPM</b></td>
<td width="555"
align="center"><b>NAMA</b></td>
<td width="655"
align="center"><b>JURUSAN</b></td>
</tr>
</table>
Hasilnya,
browser akan menampilkan gambar tabel seperti di bawah ini :
Setelah itu tambahkan isi table dengan nama
mahasiswa STT Ibnu sina Batam seperti berikut:
<html>
<head>
<title>TUGAS
PERTAMA</title>
</head>
<body
bgcolor = "silver">
<font
face="Lucida Sans">
<h1><center>TUGAS
PERTAMA</center></h1>
<table
width="655" height="445" border="2"
align="center">
<tr>
<td width="25"
align="center"><b>NO</b></td>
<td width="200"
align="center"><b>NPM</b></td>
<td width="555"
align="center"><b>NAMA</b></td>
<td width="655"
align="center"><b>JURUSAN</b></td>
</tr>
<tr>
<td
align="center">1</td>
<td
align="center">1410128262085</td>
<td
align="center">Nazrinsyah</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td align="center">2</td>
<td
align="center">1410128262094</td>
<td align="center">Muhammad
jamil</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">3</td>
<td
align="center">1410128262103</td>
<td align="center">Maymunah</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">4</td>
<td
align="center">1410128262100</td>
<td align="center">Rama
Aditia</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">5</td>
<td
align="center">1410128262099</td>
<td align="center">Muhammad
Ali</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">6</td>
<td
align="center">1410128262098</td>
<td align="center">Ahmad
Hanapi</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">7</td>
<td
align="center">1410128262082</td>
<td
align="center">Sakila</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">8</td>
<td
align="center">1410128262119</td>
<td align="center">Rizki
Amalia</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">9</td>
<td
align="center">1410128262081</td>
<td align="center">Muhammad
Ridwan</td>
<td align="center">Teknik
Informatika</td>
</tr>
<tr>
<td
align="center">10</td>
<td
align="center">1410128262080</td>
<td align="center">Muhammad
Ramdani</td>
<td align="center">Teknik
Informatika</td>
</tr>
</table>
</font>
</body>
</html>
Hasilnya,
browser akan menampilkan gambar tabel seperti di bawah ini :
Demikian semoga bermanfaat!!!
Download Disini !!!
T-Shirt - Titanium Septum Ring
BalasHapusT-Shirt. Titanium Septum Ring I have babyliss nano titanium always believed titanium spork in the importance of 4x8 sheet metal prices near me a ring of steel, I titanium exhaust wrap would have used that to snow peak titanium spork make the perfect rings.