DOCTYPE HTML

<!
DOCTYPE html>
<html>
<head>
<title>Belajar membuat web</title>
<link rel="stylesheet" href="style css">
</head>
<body>
<ul>
<li><a href="#Beranda">Beranda</a></li>
<li><a href="#Profile">Profile</a></li>
</ul>
</body>
<head>
<title>My Biodata</title>
</head>
<body style="backgraound: url(salsa2.jpg);background-size;cover;background-
attachment; fixed;">
<div class="wrap">
<h1 class="class" align="center">BIODATA DIRI</h1><hr/ align="center"
widht="25%" style="border-top: 3px double #8c8b8b;">
<table>
<tr><td rowspan="10" widht="100px">
<img src="salsa.jpg" width="200px" style="display: block;border-
radius: 50%;border-color:white;margin-right:30px" border="2px" ></td></tr>
<tr><td><b>Nama</b></td><td>:</td> <td>Salsabila
Khairunisa</td></tr>
<tr><td><b>Umur</b></td><td>:</td> <td>15</td></tr>
<tr><td><b>Alamat</b></td><td>:</td> <td>JL. Mawar Merah 1 007/001
no.17 Duren Sawit</td></tr>
<tr><td><b>TTL</b></td><td>:</td> <td>Jakarta, 24 Maret
2007</td></tr>
<tr><td><b>Email</b></td><td>:</td>
<td>salsabilakhairunisa15@gmail.com</td></tr>
<tr><td><b>Hobi</b></td><td>:</td> <td>Mendengarkan
Music</td></tr>
<tr><td><b>Cita-cita</b></td><td>:</td> <td>Polwan /
TNI</td></tr></table>
<table>
<h3>Riwayat Pendidikan</h3>
<tr><td><b>SD</b></td><td>:</td> <td>SDN 09 Malaka Jaya</td></tr>
<tr><td><b>SMP</b></td><td>:</td> <td>SMP BPS&K 2</td></tr>
<tr><td><b>SMK</b></td><td>:</td> <td>SMKN 26
Jakarta</td></tr></table>
<div>
</body>
</html>
</td></tr>
</table>
</div>
</body>
<head>
<title>Salsa</title> 
<link rel="stylesheet" type="text/css" href="style.css">
<meta name=""viewport" content="widht=device-widht,initial-scale=1.5"
<meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>
<body>
<div class="container"
<header>
<div class="logo">
<h1 class="class" align="center">MY FAVORITE THINGS</h1><hr/
align="center" widht="25%" style="border-top: 3px double #030303;">
</div>
</header>
<article>
<div class="konten">
<a href="MUSIC.html"><img src="download.jpg"></a>
<div class="judul">
<a href="MUSIC">MUSIC</a>
</div>
<p>Pertama hal yang paling saya sukai adalah Music, saya selalu
mendengarkan music didalam banyak situasi seperti sedih, bahagia, dan bingung.
Saya menyukai banyak genre lagu seperti kpop, pop, dll. Lagu yang sedang saya
sukai yaitu Ghost - Justin Bieber.</p>
</div>
<a href="OLAHRAGA.html"><img src="olahraga.jpg"></a>
<div class="judul">
<a href="OLAHRAGA">OLAHRAGA</a>
</div>
<p>Berikutnya ada olahraga hal yang saya gemari, saya menyukai
olahraga seperti badminton, basket, dll. Sebenarnya saya suka berkegiatan yang
melibatkan fisik seperti olahraga, tetapi terkadang rasa malas saya
mengalahkan keinginan saya untuk ber-olahraga.</p>
</div>
<a href="KPOP.html"><img src="download (1).jpg"></a>
<div class="judul"
<a href="KPOP">KPOP</a>
</div>
<p>KPOP adalah hal yang saya sukai selanjutnya. Saya menyukai
kpop dari awal tahun 2020 saya nge-stan girlgrup TWICE & BLACKPINK. Kpop
adalah salah satu moodbooster saya ketika saya sedih maupun bosan, saya akan
menonton video video mereka.</p>
</div>
<a href="NONTON"><img src="download (2).jpg"></a>
<div class="judul">
<a href="NONTON">NONTON</a>
</div>
<p>Menonton adalah kegiatan sehari hari saya ketika ada waktu
luang, saya suka menonton Youtube, Instagram, Tiktok, dan Film (bioskop,
netflix, disney, ataupun telegram. </p>
</div>
</article>
<footer>
Copyright 2022 Web Salsabila Khairunisa
</footer>
</body>
</html>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #948282
}
li {
float: left;
}
li a {
display: block;
color: white;
text-aligh: center;
padding: 14px 16px;
text-decoration: none;
font-family: "Times New Roman" , Times, serif;
font-size: 20px;
}
li a:hover {
background-color: #faf5f5;
}
.wrap{
background-color: rgb(255, 249, 249);
width: 800px;
color: black;
margin: 20px auto;
padding: 15px;
}
.background{}
body{
font-family: Arial, Helvetica, sans-serif;
background: #292020;
padding: 0;
margin:0;

}
.container{
width: 100%;
height: auto;
background: rgb(245, 244, 243);
margin:auto;
margin-top: 5px;
padding-bottom: 5px;
}
.logo {
font-family: Arial, Helvetica, sans-serif;
padding: 30px 0 30px 10px;
}
nav ul {
list-style-type: none;
margin: 1;
padding: 1;
overflow: hidden;
background-color: #e6e6e6;
border: 1px solid #e6e6e6;
}
nav li {
float: center;
}
nav li a{
display: inline-block;
color:#f8f4f4;
text-align: center;
padding: 14px 15px;
}
nav li a:hover {
opacity:0.9;
background-color: #f3f5f7;
}
article {
width: 98.8%;
height: auto;
border-radius: 3px;
margin: 5px 5px 5px 5px;
border: 1px solid rgb(247, 246, 246);
clear: both;
}
article p {
padding: 6px 6px 6px 6px;
line-height: 1,6;
}
article .konten {
width: 23.5%;
height: ;auto
border-radius: 5px;
border: 1px solid rgb(160, 96, 96);
float: left;
}
article .isi {
width: 98.5%;
height: auto;
border-radius: 3px;
border: 1px solid #f8f6f6;
float: left;
}
article .isi .judul {
align="center"
widht="25%"
style="border-top: 3px
double #8c8b8b;
}
article .isi p {
margin-top: 15;
}
article .isi img {
float: right;
}
article .konten img {

width: 90%;
height: 250px;
}
article .konten:hover {
opacity:0.9;
}
article .konten .judul a {
margin-left: 5px;
font-size:x-medium;
color:#020101;
}
article .konten a:hover {

opacity:0.9;
}
footer {
clear: both;
width: 98.8%;
height: auto;
text-align: center;
border-radius: 1px;
border-bottom: 1px solid rgb(3, 3, 3);
padding-top: 15px;
padding-bottom: 20px;
}

DOCTYPE HTML

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

DOCTYPE HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

<!

article .konten img {

article .konten a:hover {

Anda mungkin juga menyukai