Tugas 1
Berikut adalah contoh aplikasi web sederhana menggunakan html dan css.
<!DOCTYPE html>
<html>
<head>
<style>
div.container {
width: 100%;
border: 1px solid gray;
}
header, footer {
padding: 1em;
color: black;
background-color: lightgrey;
clear: left;
text-align: center;
}
img {
float: left;
img-align: center;
max-width: 160px;
margin: 0;
padding: 1em;
}
img ul {
list-style-type: none;
padding: 0;
}
img ul a {
text-decoration: none;
}
article {
margin-left: 150px;
border-left: 1px solid gray;
padding: 1em;
overflow: hidden;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>Perkenalan Diri</h1>
</header>
<img src="img.jpg" style="width:50px;height:80px;"></img>
<article>
<p>Nama saya Frieda Uswatun Hasanah biasa dipanggil Frieda.</p>
<p>Saya kuliah di jurusan Teknik Informatika Institut Teknologi Sepuluh Nopember. Saya sedang menempuh semester 4.</p>
</article>
<footer>e-mail : hallofrieda@gmail.com</footer>
</div>
</body>
</html>
Komentar
Posting Komentar