Post an ini termasuk kedua kalinya aku upload pada hari ini! hehe. Gassss pollll deh kalo masalah ngoding!!
Apa sih yang akan aku bahas kali ini? Yash sesuai judul ya, peops! Biodata dalam Tabel. Gimana tuh maksudnya? Pakai format HTML pula menggunakan aplikasi Visula Studio Code
Look at this!
Keren banget kan? Mari kita belajar seperti itu
<!DOCTYPE html>
<html>
<head>
<title>
Biodata Diri
</title>
</head>
<body>
<table border="5" style = background-color:pink align=center>
<tr>
<td colspan="3"><center><font color= red size=30><b>Biodata Diri</b></font></center></td>
</tr>
<tr>
<td><font size=+2 style>NRP</font></td>
<td><font size=+2>1103181033</font></td>
<td rowspan="15"><img src="Fotoku.PNG" width="200" high="300"/></td>
</tr>
<tr>
<td><font size=+2>Nama Lengkap</font></td>
<td><font size=+2>Nurul Qomariyah</font></td>
</tr>
<tr>
<td><font size=+2>Program</font></td>
<td><font size=+2>D3</font></td>
</tr>
<tr>
<td><font size=+2>Jurusan</font></td>
<td><font size=+2>Teknik Elektronika</font></td>
</tr>
<tr>
<td><font size=+2>Kelas</font></td>
<td><font size=+2>1</font></td>
</tr>
<tr>
<td><font size=+2>Paralel</font></td>
<td><font size=+2>B</font></td>
</tr>
<tr>
<td><font size=+2>Dosen Wali</font></td>
<td><font size=+2>Madyono</font></td>
</tr>
<tr>
<td><font size=+2>Tempat, tanggal lahir</font></td>
<td><font size=+2>Surabaya, 11 Agustus 2000</font></td>
</tr>
<tr>
<td><font size=+2>Tanggal Masuk</font></td>
<td><font size=+2>14-05-2018</font></td>
</tr>
<tr>
<td><font size=+2>Jenis Kelamin</font></td>
<td><font size=+2>Perempuan</font></td>
</tr>
<tr>
<td><font size=+2>Warga</font></td>
<td><font size=+2>WNI</font></td>
</tr>
<tr>
<td><font size=+2>Agama</font></td>
<td><font size=+2>Islam</font></td>
</tr>
<tr>
<td><font size=+2>Golongan Darah</font></td>
<td><font size=+2>0</font></td>
</tr>
<tr>
<td><font size=+2>Alamat Lengkap</font></td>
<td><font size=+2>Candi Lempung 48-C/36 Surabaya 60216 </font></td>
</tr>
<tr>
<td><font size=+2>No Telf</font></td>
<td><font size=+2>087701343684</font></td>
</tr>
<tr>
<td><font size=+2>Jalur Penerimaan</font></td>
<td><font size=+2>PMDK Prestasi</font></td>
</tr>
</table>
</body>
</html>
Lanjutan Penjelasan:
- <table> : untuk tabel
- <border> : ketebalan garis tabel
- <align> : posisi/letak tabel pada web
- <center> : posisi tabel ada di tengah
- <background-clor> : warna tabel
- <td> : table date, untuk menginput data ke tabel
Tidak ada komentar:
Posting Komentar