Tutorial membuat tabel di html dengan background image/foto
Pertama kita buka notepad++ yang akan kita masukan codingan nya seperti gambar dibawah ini;
setelah muncul gambar diatas baru kita masukan codingan dibawah ini;
<html>
<head><title>latihan alproa 2</title>
</head>
<body>
<h1> algoritma dan pemograman 2 </h1>
<p> NAMA : Khaidar Salman </p>
<p>KELAS : I.T. 2B </p>
<p>PRODI : Teknik Informatika </p>
<table border="1">
<tr>
<th>No</th>
<th>Npm</th>
<th>Nama</th>
<th>Prodi</th>
</tr>
<col style="background-color:white">
<tr>
<td>1</td>
<td>1410128262056</td>
<td>Khaidar Salman</td>
<td>Teknik Informatika</td>
</tr>
<col style="background-color:white">
<tr>
<td>2</td>
<td>1410128262057</td>
<td>monic</td>
<td>Teknik Informatika</td>
</tr>
<col style="background-color:white">
<tr>
<td>3</td>
<td>1410128262058</td>
<td>flza</td>
<td>Teknik Informatika</td>
</tr>
<col style="background-color:white">
<tr>
<td>4</td>
<td>1410128262058</td>
<td>farid</td>
<td>Teknik Informatika</td>
</tr>
<col style="background-color:white">
<tr>
<td>5</td>
<td>1410128262059</td>
<td>aufa</td>
<td>Teknik Informatika</td>
</tr>
</table>
<body bg background="gambar.jpg">
setelah itu simpan dengan format html atau tulis diakhir tulisan .html dan simpan di folder baru dengan nama sesuka anda
kemudian masukan foto atau image yang kita suka kedalam folder tersebut dengan nama image diganti menjadi gambar karena dicodingan yang tadi saya tulis adalah gambar, terletak pada akhir codingan
dan double klik codingan yang telah anda simpan tadi dengan format html kenudian akan muncul gambar seperti dibawah ini;
udah siap dehhhh...... hehehehe....
sekian tutorial yang saya buat semoga bermanfaat
wassalam....
Tidak ada komentar:
Posting Komentar