Scroll untuk baca artikel
Informatika

Cara Membuat Tabel Biodata Dengan HTML

44
×

Cara Membuat Tabel Biodata Dengan HTML

Sebarkan artikel ini

HTML menjadi salah satu pemrograman website dasar yang banyak digunakan di kalangan developer untuk membuat website dengan tampilan yang menarik. Nah bagi sobat pembaca yang ingin mengetahui apa itu HTML bisa baca Disini. Oleh karena itu disini akan memberikan contoh Cara membuat Tabel Biodata Dengan HTML.

Silahkan copypaste kodingan di bawah ini dan simpan dengan format .html

<html>
<head>
<title>LATIHAN PAT</title>
<style>
.ela{
background-color:rgba(255,255,255,0.7);
width: 800px;
margin: 20px auto;
padding:15px;
}
</style>
</head>
<body >
<div class="ela">
<table  border="2" cellpadding="10"  style="border-color:red; border-radius:3%;">
<tr><td rowspan="10" width="100px">
<img src="gambar.png" width="200px" style="display: block; border-radius:10%; margin-right:30px; border:2px solid yellow"></td></tr>
<tr>
<td><b>Nama</b></td>
<td>:</td> 
<td>Arun Sifa</td>
</tr>
<tr>
<td><b>NIS</b></td> 
<td>:</td> 
<td>00034</td>
</tr>

<tr>
<td><b>Alamat</b></td> 
<td>:</td>
<td>Cisewu</td>
</tr>

<tr>
<td><b>TTL</b></td>
<td>:</td> 
<td>Garut, 02 Juli 2005</td>
</tr>

<tr>
<td><b>Email</b></td> 
<td>:</td> 
<td>arunsifa@gmail.com</td>
</tr>

<tr>
<td><b>Hobi</b></td> 
<td>:</td> 
<td>Olahraga</td>
</tr>

<tr>
<td><b>Pendidikan SD</b></td> 
<td>:</td> 
<td>SDN 1 Cisewu</td>
</tr>

<tr>
<td><b>Pendidikan SMP</b></td> 
<td>:</td> <td>SMPN 1 Cisewu</td>
</tr>
</table>
</div>
</body>
</html>

Setelah di simpan file diatas maka jalankanlah dengan Google Chrome atau Microsoft Edge, maka dapat dihasilkan seperti gambar diatas.

Semoga informasi ini dapat bermanfaat dan berguna bagi siswa dan para pembaca yang membutuhkan, sekian dan terimakasih.