Langsung ke konten utama

HTML HYPERLINK

Oleh

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web.

MATERI:
Element A


ELEMENT A
Element A befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target.  Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.

Sintaks:
<a href="uri" name="name" target="_blank"|"parent"|"_top"|"_self">
   ...........................
</a>


LATIHAN

Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.


Latihan 1:
Membuat link eksternal:

Link:

   1. yahoo
   2. google
   3. d3tkj
                           

Nama file: latihan6_1.html


Tugas tambahan:
Tambahkan setiap link dengan target "_blank", "_parent", "_self", "_top". Amatilah hasilnya.



Latihan 2:
Membuat link internal dan anchor:

Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokument ini.
kebagian akhir
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.

Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.

Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.

Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.

Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.

Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
kebagian pertama                          

Nama file: latihan6_2.html

<html>
<head>
<title>Latihan6-2</title>
</head>
<body>
Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokument ini.<br>
<a href="#akhir">kebagian akhir</a>
<a name="pertama"></a>
<p>Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini. </p>

<p>Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.</p>

<p>Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.</p>

<p>Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.</p>

<p>Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.</p>

<a name="akhir"></a>
<p>Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.</p>

<a href="#pertama">kebagian pertama</a>
</body>
</html>


 

Tugas tambahan:
Buatlah link ke bagian ketiga dari posisi bagian keenam.

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

TUGAS KE-3 PRAKTEK ALGO I

Oleh
INILAH TUGAS KALIAN: Buatlah program untuk menampilkan menu berikut ini kemudian mengerjakan menu yang dipilih: MENU  1. Menghitung Luas Segitiga  2. Menghitung Volume Kubus  3. Menghitung Luas Lingkaran  4. Menghitung Volume Balok  5. MenghitungVolume Tabung  6. Keluar   (Pilihan 6 menyebabkan keluar dari program) KETERANGAN: tugas ini dikumpulkan dalam bentuk hardcopy (print) dan dikumpulkan selambat-lambatnya saat pertemuan praktek berikutnya. jangan lupa mencantumkan :  nama, npm, praktek, shift dan tugas keberapa FIKOM SENANTIASA METAL!
Posting Komentar
lanjut baca??

Operating system listing

Oleh
Ni satu lagi listing SO yg mgkn d butuhkan!!   Below is a listing of many of the different operating systems available today, the dates they were released, the  platforms  they have been developed for and who developed them. Operating system Date first released Platform Developer AIX / AIXL Unix / Linux history can be found  here  . Various IBM AmigaOS Currently no AmigaOS operating system history. Amiga Commodore BSD Unix / Linux history can be found  here  . Various BSD Caldera Linux Unix / Linux history can be found  here  . Various SCO Corel Linux Unix / Linux history can be found  here  . Various Corel Debian Linux Unix / Linux history can be found  here  . Various GNU DUnix Unix / Linux history can be found  here  . Various Digital DYNIX/ptx Unix / Linux history can be found  here  . Various IBM HP-UX Unix / Linux history can be found  here  . Various Hewlett Packard IRIX Unix / Linux history can be found  here  . Various SGI Kondara Linux Unix / Linux history can be found  here ...
Posting Komentar
lanjut baca??

Chord Armada Mau Dibawa Kemana

Oleh
intro A A Semuanya telah kuberi A dengan kesungguhan hati D             A Untukmu hanya untukmu A Tak perlu kau tanya lagi A siapa pemilik hati ini D             A E Kau tahu pasti dirimu Bm tolong lihat aku Dm        E dan jawab pertanyaanku [chorus] D         Dm          A Mau dibawa kemana hubungan kita Bm jika kau terus menunda-nunda dan Dm              E dan tak pernah nyatakan cinta D        Dm          A Mau dibawa kemana hubungan kita Bm Ku tak akan terus jalani Dm           E tanpa ada ikatan pasti antara kau dan aku [intro] A Bm D A Tak perlu kau tanya lagi A siapa pemilik hati ini D             A E Kau tahu pasti dirimu Bm tolong lihat aku Dm        E dan jawab pertanyaanku [chorus] D         Dm          A Mau dibawa kemana hubungan kita Bm jika kau terus menunda-nunda dan Dm              E dan tak pernah nyatakan cinta D        Dm          A Mau dibawa kemana hubungan kita Bm Ku tak akan terus jalani Dm           E tanpa ada ikatan pasti antara kau dan aku [interlude] D A/C...
Posting Komentar
lanjut baca??