Nama : Muhammad Ridho Rohanda

Nim : 1600018010

<html>

<head>

<meta charset=”utf-8″>

<title>Postest Pertemuan 5</title>

<style media=”screen”>

body{

padding: 0;

margin: 0;

}

#container{

margin-top: 0;

margin: 0;

padding-left: 40px;

padding-right: 40px;

max-width: 90%;

}

article{

float: left;

padding: 40px;

display: inline;

font-size: 20px;

line-height: 20px;

max-width: 70%

}

aside{

float: right;

background: purple;

padding: 40px;

padding-right: 35px;

padding-top: 125px;

padding-bottom: 120px;

max-width: 50%;

display: block;

}

footer{

float: left;

background: green;

width: 100%;

height: 10%;

}

footer img{

margin: 2.5px;

float: left;

}

footer #text{

margin: 20px;

padding-top: 40px;

padding-left: 45px;

padding-right: 15px;

}

footer a{

float: left;

margin: 10px;

}

nav{

background: navy;

width: 100%;

height: 10%;

max-width: 100%;

position: inherit;

}

nav ul li{

margin: 0;

height: 20px;

padding-top: 15px;

padding-left: 126px;

display: inline-block;

}

nav ul li a{

align-content: center;

color: black;

padding-left: 50px;

padding-right: 50px;

margin-top: 50px;

}

nav ul li a:hover{

background-color: rgb(155, 92, 213);

color: green;

padding-left: 50px;

padding-right: 50px;

padding-top: 10px;

padding-bottom: 12px;

}

</style>

</head>

<body>

<nav>

<ul>

<li><a href=”https://blog.uad.ac.id/muhammad1600018010/”>BERANDA</a></li>

<li><a href=”https://www.facebook.com/ridho.gparty”>PROFIL</a></li>

<li><a href=”https://www.instagram.com/skyuad880/?hl=en”>GALERI</a></li>

<li><a href=”https://plus.google.com/u/0/115395981739665540420i”>TENTANG</a></li>

</ul>

</nav>

 

<div id=”container”>

<article class=”#”>

<h3 align=”center”>Pengertian CSS</h3>

<p>CSS adalah singkatan dari Cascading Style Sheets. Berisi serangkaian instruksi yang menentukan <br>

bagaimana suatu teks akan tertampil di halaman web. Perancangan desain teks dapat dilakukan dengan <br>

mendefinisikan font(huruf), colors(warna), margins(ukuran), latar belakang(background), ukuran font, dll.</p>

<h3 align=”center”>Fungsi CSS</h3>

<p>Fungsi utama css adalah untuk merancang, merubah, mendesain, membentuk halaman website. <br>

Isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html yang <br>

sederhana sehingga menjadi lebih fungsional dan menarik.</p>

</article>

</div>

 

<aside>

<img src=”ridho.png” width=”250px” height=”250px”>

</aside>

 

<footer>

<img src=”Universitas-Ahmad-Dahlan-UAD.png” width=”80px” height=”60px”>

<a>copyright&reg; 2017<br>

Muhammad Ridho Rohanda – 1600018010</a>

</footer>

 

</body>

</html>

untitled

 

 

Tuga Pweb (CSS)

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Skip to toolbar