1. Buat sebuah halaman web dengan CSS style sheet.
2. Pergunakan tag div sebagai unsur utama pada pembuatan halaman web tersebut.
<div> </div>
3. Berikan nama yang unix untuk setiap tag div anda lihat contoh
<div id="namadiv"> </div>
4. Siapkan file CSS baru untuk mengatur lebar,tinggi serta posisi auto center dari element DIV tersebut
#namadiv (
width: 750px;
height:600px;
margin-left: auto;
margin-right: auto
)
5. Agar supaya bisa berjalan di IE dan Nestcape perlu di tambahkan text-align:center di tag body html nya
body (
text-align: center;
)
7. jangan lupa untuk menambahkan text-align:left di CSS div anda dikarenakan semua isi web akan terpengaruh oleh DIV tersebut
#namadiv (
width: 750px;
height:600px;
margin-left: auto;
margin-right: auto
text-align: left;
)
8. Simpan File tersebut sebagai .css file misalnya latihan.css
9. Buat file html (test.html) dengan isi sebagai beikut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr">
<head><title>Latihan 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="latihan.css">
</head>
<body>
<div id="namadiv">
Silakan Anda masukan beberapa texs atau tag image disini bisa juga table dan lain-lainnya.
</div>
</body>
</html>
10. Test di beberapa browser web.
Tidak ada komentar:
Posting Komentar