Membuat Link & Table

Tanpa link, halaman web pasti sangat membosankan.
PEKAN ini kita belajar membuat link (taut), sebuah fasilitas unik yang membantu kita melompat dari halaman web ke halaman web berikutnya. Tanpa link, pastilah web akan menjadi sangat membosankan karena semua informasi hanya menumpuk pada satu halaman saja, yakni halaman depan.
Teks, judul, atau gambar yang mengandung link bisa dicari dengan cara mendekatkan panah kursor komputer ke sasaran. Jika panah kursor berubah menjadi gambar tangan berarti di situ ada link. Kalau diklik di situ, kita akan bisa masuk ke halaman berikutnya.
Sekarang kita akan membuat halaman kedua yang kita kasih nama page2.html di Notepad. Kode-kode HTML di halaman baru ini tentu harus dibikin sama dengan halaman depan (index.html) yang sudah kamu buat pada Jumat lalu.
Misalnya kamu akan mengisi halaman dua ini dengan segala sesuatu berbau film Star Wars. Nah, jangan lupa mengisi bagian kepala (header) halaman dengan Halaman Star Wars.

Kemudian lanjutkan rancangan web ke bagian utama (body) dengan berikut ini.

Film Favoritku: Star Wars

Untuk membuat huruf miring (italic) gunakan tag dan , misalnya Star Wars: Revenge of the Sith. Untuk huruf tebal (bold) gunakan kode dan .
Agar lebih bagus, tambahkan gambar atau foto film Star Wars pada halaman ini. Kamu bisa cari foto-foto ini di mesin pencari Google (http://www.google.com). Berikut ini kode untuk memasukkan gambar.

Kalau kamu ingin menampilkan daftar judul keseluruhan Star Wars, bisa menggunakan sistem bullet seperti minggu lalu (yang tersusun ke bawah) atau dengan menggunakan gaya tabel.

Episode I: The Phantom Menace

Episode II: Attack of the Clones

Episode III: Revenge of the Sith

Episode IV: A New Hope

Episode V: The Empire Strikes Back

Episode VI: Return of the Jedi

Judul-judul Star Wars akan tampil berderet menyamping. Tampilan seperti ini terkesan lebih bagus dan menarik. Sebetulnya ini adalah cara menyiasati gaya tabel, tapi tampilannya tidak harus seperti tabel biasa yang memiliki garis-garis.
Nah, sekarang kamu bisa mulai membuat link. Bikinlah link ke alamat situs resmi Star Wars sehingga pengunjung web bisa mengkliknya dari sana. Kode yang dibutuhkan adalah:
star/'>http://www.starwars.com">Star Wars
Alamat yang tertulis di belakang kode a href= tidak akan kelihatan di halaman web, hanya tulisan di depan kode yang terbaca, yakni tulisan Star Wars. Teks itulah yang mengandung link.
Selanjutnya kita akan membuat link berikutnya. Supaya halaman kedua ini terkait dengan halaman depan (index.html), kita harus membuat sebuah link di halaman depan tersebut.
Teks Star Wars yang ada di halaman depan bisa dijadikan link. Caranya persis sama dengan yang di atas.
Star Wars
Link di halaman depan ini akan menautkan orang yang mengkliknya dengan halaman yang isinya khusus tentang Star Wars yang baru saja kamu bikin.
Sebelum halaman kedua ini selesai, jangan lupa menambahkan kode penutupnya.

Nah, kamu sudah berhasil menyelesaikan dua halaman web yang saling terkait dengan mudah. Sekarang lihat hasilnya di Internet Explorer. Hasilnya oke, kan? BUDI PUTRA
Membuat Banner
Gambar animasi ataupun teks bergerak seperti banner (yang biasa ditaruh di bagian atas web sebagai iklan atau informasi lainnya) memang membuat halaman web jadi menarik.
Tak perlu membuatnya manual atau menggunakan peranti lunak khusus, saat ini banyak situs web yang menawarkan layanan membuat animasi secara online dan gratis.
Kunjungi situs http://www.animationonline.com/freebanners.html.Pilih jenis animasi yang diinginkan: banner, display, atau button.Misalnya memilih banner, klik di situ.Pilih model banner dari tujuh model yang tersedia.Isi teks yang ingin ditampilkan.Klik tombol Make Banner.Banner selesai, simpan ke komputer menggunakan fasilitas klik kanan di mouse dan pilih Save Image As dan beri nama file.Tinggal masukkan ke halaman web dengan cara memasukkan perintah HTML sesuai dengan aturan.