Kamis, 10 September 2020

TUGAS LANJUTAN HTML DAN CSS

-September-10-2020

Nama : Resih Purnamasari
Kelas  : XII RPL1

<!DOCTYPE html>
 <html>
 <head>
 <title>BIODATA DIRI RESIH PURNAMASARI</title>
 <style>
 *
 {
 margin: 0;
 padding: 0;
 }
 nav {
 margin:auto;
 text-align: center;
 width: 100%;
 font-family: george;
 }

 nav ul {
 background: purple;
 padding: 0 20px;
 list-style: none;
 position: relative;
 display: inline-table;
 width: 100%;
 }

 nav ul li{
 float:left;
 }

 nav ul li:hover{
 background:#ff00ff;
 }

 nav ul li:hover a{
 color:#ff00ff;
 }

 nav ul li a{
 display: block;
 padding: 25px;
 color: #fff;
 text-decoration: none;
 }
 </style> 

 </head>
 <body bgcolor="#37988e">
 <nav>
 <ul>
 <li><a href=" https://www.facebook.com/resih.purnamasari.5">🌼FACEBOOK</a></li>
 <li><a href="https://resih-pelajarperdulicovid19.blogspot.com">🌼BLOG</a></li>
 </ul>
 </head>
 <h1 align="center">BIODATA DIRI</h1>
 <h1><marquee behavior="alternate" direction="">Selamat Datang Di Website Pribadiku</marquee></h1>
 <table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
 <tr align="center" bgcolor="#ff00ff">
 <td width="174">DATA DIRI</td>
 <td width="353">KETERANGAN</td>
 <td width="232">FOTO</td>
 </tr>
 <tr>
 <td>NAMA</td>
 <td>RESIH PURNAMASARI</td>
 <td rowspan="10" align="center"><img src="01.jpg" width="210" height="313"></td>
 </tr>
 <tr>
 <td>ASAL SEKOLAH</td>
 <td>SMK 4 LPPM RI PADALARANG</td>
 </tr>
 <tr>
 <td>TEMPAT TANGGAL LAHIR</td>
 <td>KARAWANG-MARET-03-2003</td>
 </tr>
 <tr>
 <td>JURUSAN</td>
 <td>REKAYASA PERANGKAT LUNAK(RPL)</td>
 </tr>
 <tr>
 <td>JENIS KELAMIN</td>
 <td>PEREMPUAN</td>
 </tr>
 <tr>
 <td>KEWARGANEGARAAN</td>
 <td>INDONESIA</td>
 </tr>
 <tr>
 <td>STATUS</td>
 <td>PELAJAR</td>
 </tr>
 <tr>
 <td>ALAMAT</td>
 <td>Jl.CIPONDOH GEMPOL,DESA.CIPENDEUY,RW12.RT01,JAWA BARAT,KAB.BANDUNG BARAT, PADALARANG.</td>
 </tr>
 <tr>
 <td>KELAINAN KHUSUS</td>
 <td>-</td>
 </tr>
 <tr>
 <td>HOBI&BAKAT</td>
 <td>MAKE UP</td>
 </tr>
 </table>
 </body>
 </html>

Hasil dari codingan tersebut :
mohon maaf apabila ada kesalahan atau kurang menarik untuk dilihat. Dan masih dalam proses belajar, terimakasih:)

Tidak ada komentar:

Posting Komentar