soal latihan praktikum

2
Kode cssnya : body{ margin: 10px auto; height : auto; width: 750px; border: 1px solid Blue;} header, nav, selection , footer { display : block; border: 1px solid black; } header { height : 120px; border : 1px solid yellow;} nav { height: 40px; border: 1px solid green;} selection{ height: auto; width: 750px; border: 1px solid aqua;} article{ float : left; margin : 20px; height: 300px; width: 470px; border: 2px dashed pink; background-image : url(kucing.jpg); background-position : 150px 100px; background-repeat : no-repeat;} aside{ margin : 20px; margin-left : 520px; height: 300px; width: 200px; border: 2px dashed black;

Transcript of soal latihan praktikum

Page 1: soal latihan praktikum

Kode cssnya :body{margin: 10px auto;height : auto;width: 750px;border: 1px solid Blue;}

header, nav, selection , footer {display : block;border: 1px solid black; }

header {height : 120px;border : 1px solid yellow;}

nav {height: 40px;border: 1px solid green;}

selection{height: auto;width: 750px;border: 1px solid aqua;}

article{float : left;margin : 20px;height: 300px;width: 470px;border: 2px dashed pink;background-image : url(kucing.jpg);background-position : 150px 100px;background-repeat : no-repeat;}

aside{margin : 20px;margin-left : 520px;height: 300px;width: 200px;border: 2px dashed black;background-image : url(kucing.jpg);}

footer{height : 20px;border: 1px solid red;}

Page 2: soal latihan praktikum

Kode htmlnya :

<!DOCTYPE HTML PUBLIC

"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

<head>

<title>HTML 5 DANANG</title>

<link rel="stylesheet" href="layot.css" type="text/css" /></head>

<body><header> header </header><nav> nav </nav><selection><article>artikel</article><aside> aside </aside> </selection><footer> footer </footer>

</body></html>