KOMPUTER APLIKASI IT XHTML & CSS MODUL 03

Presentasi berjudul: "KOMPUTER APLIKASI IT XHTML & CSS MODUL 03"— Transcript presentasi:

1 KOMPUTER APLIKASI IT XHTML & CSS MODUL 03

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

3 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>

4 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>

5 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.

6 CARA PENULISAN URL ABSULUTE:
KOMPUTER APLIKASI IT - XHTML & CSS MODUL 02 URL ABSOLUTE CARA PENULISAN URL ABSULUTE: - (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 )

7 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

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

9 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.

10 <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>

11 <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=“ Cari di Google</a> <a href=“ Perlu Ilmu??</a>

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