Kerangka Website

Postingan Kali ini membahas cara membuat kerangka website sederhana dengan menggunakan HTML dan CSS, kerangka website hal penting bagi pembuatan website untuk sebagai gambaran website apa yang kita buat, serta tataletak dimana konten-konten berada sebagai contoh :

Index.php

1 2 3 4 5 6 7 8 9 1 0



1 5 1 6 1 7 dan untuk CSS kita beri nama style.css 1 *{ 2 padding:0px; 3

margin:0px;

4 } 5 #wraf{ 6

width:95%;

7

height:auto;

8

margin:0px 20px;

9

border:1px solid black;

1 } 0 #header{ 1

width:100%;

1

height:150px;

1

border:1px solid blue;

2

text-align:center;

1 } 3 #topmenu{

1

width:100%;

4

height:30px;

1

border:1px solid #008000;

5

text-align:center;

1 } 6 #konten{ 1

width:100%;

7

height:300px;

1

border:1px solid #ff0000;

8

text-align:center;

1 } 9 #kontenkiri{ 2

width:79%;

0

height:300px;

2

border:1px solid #ff00ff;

1

text-align:center;

2

float:left;

2 } 2 #kontenkanan{ 3

width:20%;

2

height:300px;

4

border:1px solid #00ff00;

2

text-align:center;

5

float:right;

2 } 6 #footer{ 2 width:100%; 7

height:20px;

2

border:1px solid #800000;

8

text-align:center;

2 } 9 3 0 3 1 3 2 3 3 3 4 3 5 3 6 3

7 3 8 3 9 4 0 4 1 4 2 4 3 4 4 4 5 4 6 4 7 4 8 Terimakasih Selamat Mencoba