NAMA : RATNA WULANDARI
KELAS : XII RPL-2
Assalamualaikum teman teman pada pertemuan kali ini tema nya adalah project daftar riwayat hidup, Dengan menggunakan html dan css. Berikut ini adalah CODING nya :
1. CODING
<!DOCTYPE html>
<html>
<head>
<title>DAFTAR RIWAYAT HIDUP</title>
<style>
*
{
margin: 0;
padding: 0;
}
nav {
margin:auto;
text-align: center;
width: 100%;
font-family: arial;
}
nav ul {
background: red;
padding: 0 20px;
list-style: none;
position: relative;
display: inline-table;
width: 100%;
}
nav ul li{
float:left;
}
nav ul li:hover{
background:#66CC33;
}
nav ul li:hover a{
color:#000;
}
nav ul li a{
display: block;
padding: 25px;
color: #fff;
text-decoration: none;
}
</style>
</head>
<body bgcolor="FFb3b3">
<nav>
<ul>
<li><a href="https://www.facebook.com/profile.php?id=100029821478853":>Facebook</a></li>
<li><a href="https://r4tn4wdari.blogspot.com/2020/09/tugas-praktek-daring-pbo.html">Blog</a></li>
</ul>
</head>
<h1 align="center">DAFTAR RIWAYAT HIDUP</h1>
<h1><marquee behavior="alternate" direction="">Selamat Datang Di Halaman Biodata Ratna Wulandari</marquee></h1>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#ff4000">
<td width="174">BIODATA DIRI</td>
<td width="353">KETERANGAN</td>
<td width="232">FOTO</td>
</tr>
<tr>
<td>NAMA</td>
<td>RATNA WULANDARI</td>
<td rowspan="10" align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNKAHgzKoZ0oufzWb8O_lFCS8N3JSQXkxKBqeG094ovRzaM3MbsrXpz6IHhIfqMnmkYiM58FSk8AZ9DTtAtsau_I4go78DmQcV1IC6CBlwlX8nZskMdRBjBN2qXZVATLyOk_fHVh_t6o/s1600/20200508_122110.jpg" style="widht:200px; height:180px;"></td>
</tr>
<tr>
<td>TEMPAT/TGL LAHIR</td>
<td>BANDUNG 13 JUNI 2001</td>
</tr>
<tr>
<td>JENIS KELAMIN</td>
<td>PEREMPUAN</td>
</tr>
<tr>
<td>ALAMAT</td>
<td>KP.CIDADAP RT03/RW12</td>
</tr>
<tr>
<td>AGAMA</td>
<td>ISLAM</td>
</tr>
<tr>
<td>KEWARGANEGARAAN</td>
<td>INDONESIA</td>
</tr>
<tr>
<td>SEKOLAH</td>
<td>SMK 4 LPPM RI PADALARANG</td>
</tr>
<tr>
<td>JURUSAN</td>
<td>REKAYASA PERANGKAT LUNAK</td>
</tr>
<tr>
<td>HOBY </td>
<td>MEMBACA</td>
<tr>
</table>
</body>
</html>
2. TAMPILAN CODING
Tidak ada komentar:
Posting Komentar