Cara Membuat Tabel Dengan Menggunakan Bahasa HTML
Salam Jumpa Lagi Pembaca !
Sebelumnya saya telah memposting artikel menegenai pengenalan bahasa html dan sedikit latihan dasar bahasa HTML. Kali ini saya akan juga sedikit berbagi pengetahuan yang merupakan salah satu tugas di kampus saya mengenai membuat tabel dengan menggunakan bahasa HTML. Gak usah basa basi lagi berikut infonya.
- Bukalah Notepad atau Notepad++ di laptop anda
- Kemudian ketiklah contoh script berikut (Kali ini saya mencontohkan tabel mahasiswa)
<html>
<head>
<title>Tugas Pemrograman Latihan2</title>
</head>
<h1><center>Algoritma & Pemrograman 2 </h2>
<p> Oleh : Filza Juliansyah </p>
<p>Kelas : IIB</p>
<p>Jurusan : Teknik Informatika</p>
<center><table border="1">
<tr>
<td>NO.</td>
<td><center>NPM</td>
<td><center>NAMA</td>
<td><center>JURUSAN</td>
<col style="background-color:red">
</tr>
<tr> <td><center>1</td>
<td>1410128262053</td>
<td>Eka Pratama Saputra</td>
<td>Teknik Informatika</td>
<col style="background-color:red">
</tr>
<tr> <td><center>2</td>
<td>1410128252054</td>
<td>Nur Fharid</td>
<td>Teknik Informatika</td>
<col style="background-color:red">
</tr>
<tr> <td><center>3</td>
<td>1410128262055</td>
<td>Abdul Jalal</td>
<td>Teknik Informatika</td>
<col style="background-color:red">
</tr>
<tr> <td><center>4</td>
<td>1410128262056</td>
<td>Khaidar Salman</td>
<td>Teknik Informatika</td>
<col style="background-color:red">
</tr>
<tr> <td><center>5</td>
<td>14101282620</td>
<td>Monika Racham Marantika
<td>Teknik Informatika</td>
<col style="background-color:red">
</tr>
<tr>
</table>
<body bg background="Juliansyah.jpg">
</body>
</html>
- Setelah selesai membuat script tersebut, kemudian Save dengan File name sesuka anda dengan menambahkan ( .html ) dibelakangnnya. Dengan Save as type ( All files )
- Kemudian buka dengan browser favorit anda dan Hasilnya akan terlihat seperti ini.
- Jika anda ingin menambahkan Background agar terlihat lebih menarik, masukkan gambar sesuai keinginan anda didalam satu folder
- Dan ketik kode script ini <body bg background="Juliansyah.jpg"> dibagian sricpt terkhir antara </table dan </body.
</table>
<body bg background="Juliansyah.jpg">
</body>
</html>
- Lalu refresh url browser anda, kemudian akan terlihat seperti ini.
Mudah bukan, semoga informasi ini bermanfaat untuk anda dan selamat berkreasi dengan hasil kerja kalian.
0 komentar:
Posting Komentar