Jumat, 13 April 2012

Belajar membuat halaman web sederhana bag 3




Setelah kita belajar mengenai cara memanipulasi font pada posting “belajar membuat halaman web sederhana bag 2” kita lanjut lagi ke posting yang sama di bagian 3 yakni mengenai cara membuat link. Pada saat mengakses sebuah web pasti kita pernah menjumpai suatu text atau gambar yang jika diklik kita akan mengarah ke halaman lain web atau situslain itu yang disebut dengan link. Dalam pembuatan website adanya link merupakan sebuah keharusan dikarenakan link dapat menyambungkan atau mengarahkan  pengunjung ke halaman lain yang kita kehendaki, misalnya halaman mengenai produk yang akan kita jual.
Berikut cara pembuatannya
Tag-tag tambahan yang dapat digunakan
href                             link website atau halaman website yang akan dituju
target                         untuk perintah dibuka pada window baru atau tidak
style                            untuk menambahkan CSS
class                            memanggil nama class
name                          Nama dari link yang dipanggil

1.       Buka notepad seperti biasa
2.       Tulis tag dibawah ini
<html>
<head>
<title> kata bijak koleksiku </title>
</head>
<body>
<p> <b>kumpulan kata-kata bijak</b></p>
<p> klik link dibawah jika ingin melihat kata koleksiku </p>
<a href= "belajar membuat artikel web.html"> kata-kata bijak tanpa warna </a>
<p><a href= "belajar memanipulasi text di halaman web.html" target=_blank> kata-kata bijak dengan warna <font color="blue">(new windows)</font></a></p>
</body>
</html>
3.       Simpan seperi cara di bagian 1
4.       Buka pada Mozilla firefox maka hasilnya akan terlihat seperti dibawah ini


Dan jika link yang bernama “kata-kata bijak dengan warna (new windows)” saya klik maka akan mengarah ke “belajar memanipulasi text di halaman web” yang sudah saya buat tadi  dan terlihat seperti dibawah ini.

5.       selesai

Tidak ada komentar:

Posting Komentar

Komentar anda sangat bermanfaat bagi saya