Cara Membuat tabel menggunakan Notepad++
Note : #text berwarna merah merupakan penjelasan. tidak usah di copy<h1 align="center">DATA MAHASISWA</i> #Judul dari tabel
<table align="center" width="550" border="2" cellspacing="0" cellpadding="3">
<tr> #Width untuk mengatur panjang tabel, cellpadding berguna untuk memberi jarak antara tulisan dengan kolom-kolom tabel, cellspacing berguna untuk memberi jarak antar kolom.
<body style="background-color:Peachpuff"></body> #Warna background dibelakang table , cukup ganti kode "peachpuff" dengan warna lain , klik disini untuk mencari warna.
#selanjutnya silahkan copy text berikut :
<th width="79" height="41" bgcolor="#FF6347">No.</th>
<th width="83" bgcolor="#FF6347">Npm</th>
<th width="92" bgcolor="#FF6347">Nama</th>
<th colspan="1" bgcolor="#FF6347">Jurusan</th>
</tr>
<tr>
<td align="center" bgcolor="#FFEFD5">1</td>
<td align="center" bgcolor="#FFEFD5">141012891022</td>
<td align="center" bgcolor="#FFEFD5">anggi nugraha</td>
<td align="center" bgcolor="#FFEFD5">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#AFEEEE">2</td>
<td align="center" bgcolor="#AFEEEE">141012891021</td>
<td align="center" bgcolor="#AFEEEE">andi</td>
<td align="center" bgcolor="#AFEEEE">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#FFDEAD">3</td>
<td align="center" bgcolor="#FFDEAD">141012891222</td>
<td align="center" bgcolor="#FFDEAD">fajar</td>
<td align="center" bgcolor="#FFDEAD">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#E0FFFF">4</td>
<td align="center" bgcolor="#E0FFFF">141012891322</td>
<td align="center" bgcolor="#E0FFFF">dina</td>
<td align="center" bgcolor="#E0FFFF">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#8FBC8B">5</td>
<td align="center" bgcolor="#8FBC8B">141012891026</td>
<td align="center" bgcolor="#8FBC8B">restu</td>
<td align="center" bgcolor="#8FBC8B">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#7FFFD4">6</td>
<td align="center" bgcolor="#7FFFD4">141012891072</td>
<td align="center" bgcolor="#7FFFD4">yoga</td>
<td align="center" bgcolor="#7FFFD4">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#FFB6C1">7</td>
<td align="center" bgcolor="#FFB6C1">141012811336</td>
<td align="center" bgcolor="#FFB6C1">amit</td>
<td align="center" bgcolor="#FFB6C1">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#E9967A">8</td>
<td align="center" bgcolor="#E9967A">141012891000</td>
<td align="center" bgcolor="#E9967A">cacing</td>
<td align="center" bgcolor="#E9967A">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#FFD700">9</td>
<td align="center" bgcolor="#FFD700">141012891152</td>
<td align="center" bgcolor="#FFD700">nana</td>
<td align="center" bgcolor="#FFD700">Teknik Informatika II</td>
</tr>
<tr>
<td align="center" bgcolor="#90EE90">10</td>
<td align="center" bgcolor="#90EE90">141012891778</td>
<td align="center" bgcolor="#90EE90">joni</td>
<td align="center" bgcolor="#90EE90">Teknik Informatika II</td>
</tr>
</table>
</html>
#Setelah selesai jangan lupa save file dengan type HTML. Contoh : kacang panjang.html
berikut contoh tabel saya :
Jika kurang jelas silahkan klik disini
0 komentar: