studi kasus modul 4

1. script html

< !DOCTYPE html >
< html lang="en" >
< head >
< title > desain layout html 5 < /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 >

2. css

body {
margin: 25px auto;
width: 1300px;}
header{
height:100px;
border: 1px solid green;}
nav {
height:35px;
border: 1px solid blue;}
#tengah{
width:1300px;}
section {
height:450px;
border: 1px solid red;}
article {
margin-top:20px;
margin-left:20px;
float:left;
border: 1px dashed red;
width:950px;
height:400px}
aside {
height:400px;
width:275px;
float:right;
border: 1px dashed black;
margin-right:20px;
margin-top:20px;}
footer{
height:20px;
border:1px solid green;}

3. hasil printscreen