Tugas Mandiri Cara Membuat Website Menggunakan Bahasa HTML DAN CSS
Nama: Rini Nuraeni
Kelas:XII RPL2
1.CODING
<!DOCTYPE html>
<html>
<head>
<title>BIODATA DIRI RINI NURAENI</title>
<style>
*
{
margin: 0;
padding: 0;
}
nav {
margin:auto;
text-align: center;
width: 100%;
font-family: arial;
}
nav ul {
background: white;
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="#37988e">
<nav>
<ul>
<li><a href="https://www.facebook.com/rini.nuraeni.14224>Account Facebook</a></li>
<li><a href="https://www.blogger.com/blog/posts/4719691303795736677">MY BLOG</a></li>
</ul>
</head>
<i><h1 align="center">BIODATA DIRI</h1></i>
<h1><marquee behavior="alternate" direction="">Selamat Datang Di Website Statis Rini nuraeni</marquee></h1>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#66CC33">
<td width="174">DATA DIRI</td>
<td width="353">KETERANGAN</td>
<td width="232">FOTO</td>
</tr>
<tr>
<td>Nama</td>
<td>RINI NURAENI</td>
<td rowspan="10" align="center"><img src="isi format foto" width="200" height="310"></td>
</tr>
<tr>
<td>Asal Sekolah</td>
<td>SMK 4 LPPM RI PADALARANG</td>
</tr>
<tr>
<td>Tempat Tgl Lahir</td>
<td>Bandung, 24 November 2002/td>
</tr>
<tr>
<td>Jurusan</td>
<td>Rekeyasa Perangkat Lunak(RPL)</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>Perempuan</td>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td>Indonesia</td></tr>
<tr>
<td>Kelainan Khusus</td>
<center><td> - </td></center>
</tr>
<tr>
<td>Hobi & Bakat</td>
<td>Rebahan terus</td>
</tr>
</table>
• Contoh tampilan coding tersebut
Komentar
Posting Komentar