Home » Tutorial, Web Design & CSS

Dasar Penggunakan CSS dalam Desain Web HTML

30 July 2009 2 Comments

Tutorial ini merupakan tutorial lanjutan dari CSS dan Web Design sebelumnya. Kalau pada tutorial sebelumnya kita berbicara mengenai definisi dan syntak CSS, maka tutorial kali ini kita akan belajar bagaimana implementasi syntak tersebut secara nyata di lapangan.

Sebelumnya yang perlu kita lakukan adalah membuat dua buah file satu file HTML kita beri nama css.html dan satu file CSS yang kita beri nama style.css. Saat ini dua file tersebut masih kosong, kita isikan dalam HTML tag standard terlebih dahulu

Latihan CSS
 
      Saya sedang berlatih CSS lho

kemudian di file style.css kita tuliskan syntak definisi untuk CSS pada body. Jika anda belum mempelajari tutorial sebelumnya saya sangat menyarankan untuk membaca tutorial CSS dan Web Design agar bisa memahami apa yang saya tuliskan disini.

body {
    font-family:"Times New Roman",Georgia,Serif;
    font-size:14px;
    background-color:#000000;
    color:#FFFFFF;
}

kemudian kita tuliskan definisi CSS kita dalam HTML yaitu antara tag <head>…</head> sebagai berikut :

Latihan CSS

Jangan lupa file HTML dan CSS disimpan. Buka css.html pada browser anda maka sekarang anda akan mendapatkan bahwa browser anda memliki background warna hitam (#000000) dan memiliki text warna putih (#FFFFFF) dengan ukuran 14pt dan font berjenis Time New Roman. Pada tutorial selanjutnya kita akan belajar tentang syntak-siyntak CSS yang sering digunakan dalam desain web. silakan download file tutorial ini di website Ashatec

2 Comments »

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.