Arya Novik
Arya Novik
<html>
<head>
<title>Halaman pertama dengan CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Menu navigasi situs -->
<ul class="navbar">
<li><a href="home page.html">Home page</a></li>
<li><a href="Musik.html">Musik</a></li>
<li><a href="Vidio.html">Vidio</a></li>
<li><a href="About.html">About</a></li>
</ul>
<!-- Konten utama -->
<h1>Halaman pertama dengan CSS</h1>
<P>Selamat datang ke halaman pertamaku!</P>
<p>Nama: ARYA NOVIK <br>Kelas: XII MM2 </p>
<P>Tidak ada gambar, tapi setidaknya punya style. <br> Ada link tapi tidak merujuk kemana
mana</P>
<p>Seharusnya lebih banyak lagi, <br> tapi khawatir nanti jadi tidak sederhana lagi </p>
<!-- Tanggal -->
<address>Dibuat pada tanggal <br> 15 september 2022
</address>
</body>
</html>
body {
o padding-left: 11em;
o font-family: Arial, Georgia, "Times New Roman", Times, serif;
o font-size:18px;
o color: #fff;
o background: url(aryaopik.jpg);
o background-size:cover; }
ul .navbar {
o list-style-type: none;
o padding: 0;
o margin: 0;
o position: absolute;
o top: 2em;
o left: 1em;
o width: 9em }
hl {
o font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
ul .navbar li {
o background: white;
o margin: 0.5em 0;
o padding: 0.3em;
o /*border-right: lem solid black;*/
box-shadow: 4px 4px black; }
ul.navbar a {
o text-decoration: none }
a:link {
o color: #000 }
a:visited {
o color: white }
addres {
o margin-top: 1em;
o padding-top: 1em;
o border-top: thin dotted }