Tutorial membuat halaman HTML dan pengaturan tampilan menggunakan CSS

Mei 22, 2011 at 7:14 am (komputer, Materiku, pemrograman, tutorial) (, , , )

Setelah kemaren kita mempelajari tentang pengetahuan dasar HTML dan CSS sekarang kita akan mencoba mengaplikasikan teori tersebut.Untuk melihat teori dasar HTML dan CSS silakan lihat dilink berikut:
Belajar HTML #beginner
Belajar CSS #beginner
Belajar CSS #2beginner

atau bisa juga langsung mengunjungi situs http://htmldog.com/

Pada tutorial kali ini kita akan membuat dua buah file, yaitu satu file example.html dan yang satunya lagi file example.css

download file example.html dan example.css disini Untuk melihat codenya tinggal klik kanan file lalu open with text editor misalnya notepad.

Agar dua file tersebut bisa terhubung maka pada file HTML perlu dibuat link seperti ini:

link ke halaman HTML

<link rel=”stylesheet” type=”text/css” href=”example.css” />

Link tersebut diletakkan pada elemen header seperti gambar diatas.  Untuk file yang ada pada href itu sesuai dengan nama dari file css-nya.

Hasil dari tampilan yang telah dibuat bisa dilihat pada file example.html

Ok, selamat mencoba ya🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: