Info Tech News

Ketahui Jenis File Gambar yang Tepat untuk Web
29 May 2016 Bagi seorang developer web yang juga berperan sebagai web desainer, gambar sudah menjadi hal wajib untuk dimasukkan ke dalam projeknya. Ada banyak ...
6 Prinsip dalam Membuat Desain User Interface
29 May 2016 Dalam mendesain user interface untuk pengguna atau client, tentunya ada beberapa hal yang perlu diperhatikan. Mengapa? Karena tentunya anda tidak i...
Sejarah Perkembangan Web Design
29 May 2016 Berbicara mengenai web design, tentunya kita sudah tak asing dengan yang namanya HTML, CSS, PHP dan bahasa lainnya untuk mengembangkan sebuah websi...
Rosario Castellanos
24 May 2016 Rosario Castellanos, (born May 25, 1925, Mexico City, Mexico—died August 7, 1974, Tel Aviv, Israel) novelist, short...

Cara membuat tampilan website sederhana dengan html dan css

Posted by: Unknown Posted date: 10:44:00 / comment : 0

html adalah bahasa pemrograman inti untuk membuat halaman web, untuk membuat halaman web biasanya html dikombinasikan dengan script css agar tampilannya lebih dinamis dan mudah di edit. css adalah cascading style sheet dimana fungsinya untk mempercantik halaman web html. untuk contohnya adalah seperti berikut:

1. pertama kita ketik kodehtml berikut (copas juga bisa, hehe):

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>belajar membuat halaman web dengan html dan css</title>
</head>

<body>
<div>header</div>
<div>kiri</div>
<div>kanan</div>
<div>footer</div>
</body>
</html>

2. kemudian kita buat kode css nya seperti ini :

body {
height: auto;
width: 900px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.header {
height: 220px;
width: 900px;
background-color: #003366;
}
.leftcol {
float: left;
height: auto;
width: 225px;
background-color: #333333;
}
.rightcol {
float: right;
height: auto;
width: 675px;
background-color: #9999FF;
}
.footer {
clear: both;
height: 30px;
width: 900px;
background-color: #000033;
}

kemudia taruh kode css tersebut dibawah kode ‘</head>’ dan diawal script tambahkan <script>, kemudia di akhir kode tambahkan tag script penutup ‘</script>’ , karena disini kita membuat css yang embeded dengan html artinya kode css menyatu dengan kode htmlnya (css di halaman html).

sehingga kode lengkapnya seperti ini :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>belajar membuat halaman web dengan html dan css</title>