<!DOCTYPE html>
<html lang="en">
<head>
<title>TUGAS LAYOUT</title>
<link rel="stylesheet" href="stylestudi.css" type= "text/css" />
</head>
<body>
<header>
header</header>
<nav>
nav</nav>
<section>
<div id="tengah">
<article>
article
</article>
<aside>
aside</aside>section
</div>
</section>
<footer>
footer</footer>
</body>
</html>
------------------------------------------------------------------------------------------------------------
CSS
------------------------------------------------------------------------------------------------------------
body {
margin: 25px auto;
width: 1200px;}
header{
height:90px;
border: 1px solid green;}
nav {
height:25px;
border: 1px solid blue;}
#tengah{
width:1300px;}
section {
height:450px;
border: 1px solid red;}
article {
margin-top:10px;
margin-left:10px;
float:left;
border: 1px dashed red;
width:900px;
height:400px}
aside {
height:400px;
width:250px;
float:right;
border: 1px dashed black;
margin-right:110px;
margin-top:10px;}
footer{
height:30px;
border:1px solid green;}
No comments:
Post a Comment