Tutorial Dasar Membuat Web

pertama tama kita buat file belajar.html copy Script dibawah ini:

html dasar

script dasar html


<html>
<head>
<style>
#bungkus{
	margin:0 auto;
	width:1024px;
	height:auto;}

#header{
		width:1000px;
		height:150px;
		background:#00FF00;
		float:left;}

#sidebarkiri{
		width:150px;
		height:800px;
		background:#FF0000;
		float:left;}
</style>
</head>

<body>
<div id="bungkus">
	<div id="header">Header</div>
	<div id="sidebarkiri">sidebar kiri</div>
</div>
</body>
</html>

penjelasan ini adalah script CSS letakkan Script ini didala “letak script CSS” dan diapit oleh
#bungkus{
margin:0 auto; = rata tengah web kita
width:1024px; = lebar dari web anda
height:auto;} = panjang dari web kita
adalah untuk membuat suatu wadah dari web,sekaligus juga membuat web kita berada ditengah #header{ width:1000px; = lebar
height:150px; = panjang
background:#00FF00;= warna background / bisa diganti IMAGE
background:url(gambar.jpg);
float:left;}= merapatkan semua komponen ke kiri agar tidak bertumpukan
adalah untuk membuat header atau bagian kepala web biasanya berisi gambar….

#sidebarkiri{
width:150px; = lebar
height:800px; = panjang
background:#FF0000; = background warna
float:left;} = kiri
adalah untuk membuat wadah dari tombol tombol menu menu yang ada pada web anda
biasanya disebelah kiri atau atas…. pada contoh ini sidebar berada di bawah kiri

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s