KOMPUTER APLIKASI IT XHTML & CSS MODUL 03

BUKA DI BROWSER UNTUK MENDOWNLOAD MATERI: http://192.168.10.10/

Tag yang digunakan adalah <a></a> (Berpasangan). KOMPUTER APLIKASI IT - XHTML & CSS MODUL 03 XHTML HYPERLINK Merupakan Cara untuk melakukan navigasi dari 1 Halaman ke halaman Lainnya di dalam suatu website Tag yang digunakan adalah <a></a> (Berpasangan). Untuk halaman yang dituju, Hyperlink akan menggunakan URL. URL dimasukan ke dalam attribut tag dengan nama href. Sintax: <a href=“halaman2.html”>Pindah Halaman</a>

Masuk Ke Home </a> Tambahkan pada home.html: KOMPUTER APLIKASI IT - XHTML & CSS MODUL 03 XHTML HYPERLINK Tambahkan pada home.html: Home.html Ada di D:\rumah Aku.html Ada di D:\rumah\kamar <a href=“../home.html”> Masuk Ke Home </a>

URL singkatan dari Uniform Resource Locator KOMPUTER APLIKASI IT - XHTML & CSS MODUL 02 URL URL singkatan dari Uniform Resource Locator URL menunjukkan sumber atau alamat sebuah halaman web. Ada dua tipe URL yang dapat digunakan, yaitu: URL Absolute – URL Lengkap, dapat digunakan untuk berpindah ke website lain di Internet. URL Relative – URL yang hanya dapat digunakan pada domain yang sama.

CARA PENULISAN URL ABSULUTE: KOMPUTER APLIKASI IT - XHTML & CSS MODUL 02 URL ABSOLUTE CARA PENULISAN URL ABSULUTE: http://nama.domain/lokasi/dok.html http:// - (Protokol) Sebagai tanda bahwa URL tersebut adalah halaman web nama.domain – Nama domain/komputer yang dituju /lokasi/dok.html – (Path) Nama dokumen yang dituju ( dalam folder dan file )

CARA PENULISAN URL RELATIVE: KOMPUTER APLIKASI IT - XHTML & CSS MODUL 02 URL RELATIVE CARA PENULISAN URL RELATIVE: /lokasi/dok.html Atau biodata.html Tanpa menyertakan protokol dan nama domain /lokasi/ – Lokasi Folder yang dituju dok.html dan biodata.html – Nama File yang dituju

<a href=“http://www.yahoo.com/”> Kunjungi Yahoo!</a> KOMPUTER APLIKASI IT - XHTML & CSS MODUL 02 CONTOH HYPERLINK URL DALAM HYPERLINK: <a href=“http://www.yahoo.com/”> Kunjungi Yahoo!</a> <a href=“biodata.html”> Lihat Biodata Saya</a>

Buat 2 File HTML dan simpan di direktori yang sama. KOMPUTER APLIKASI IT - XHTML & CSS MODUL 03 LATIHAN HYPERLINK LATIHAN: Buat 2 File HTML dan simpan di direktori yang sama. tentang_saya.html biodata.html Buat Halaman tersebut sesuai dengan nama filenya.

<a href=“biodata.html”> Lihat Biodata Saya</a> KOMPUTER APLIKASI IT - XHTML & CSS MODUL 03 LATIHAN HYPERLINK Tambahkan tag berikut pada tentang_saya.html. <a href=“biodata.html”> Lihat Biodata Saya</a> Tambahkan tag berikut pada biodata.html. <a href=“tentang_saya.html”> Kembali Ke Tentang Saya</a>

<a href=“http://google.com/”> Cari di Google</a> KOMPUTER APLIKASI IT - XHTML & CSS MODUL 03 LATIHAN HYPERLINK Tambahkan URL Absolute di halaman Tentang Saya seperti berikut: <a href=“http://google.com/”> Cari di Google</a> <a href=“http://www.wikipedia.org/”> Perlu Ilmu??</a>

TERIMA KASIH DAN SELAMAT BELAJAR PENUTUP KOMPUTER APLIKASI IT - XHTML & CSS MODUL 03 PENUTUP TERIMA KASIH DAN SELAMAT BELAJAR