Menambahkan Link pada HTML
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>
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
Latihan 1:
Membuat link eksternal:
Link:
1. yahoo
2. google
3. d3tkj
Nama file: latihan6_1.html
<html>
<head> <title>Latihan6-1</title> </head> <body> Link: <ol> <li><a href="http://www.yahoo.com">yahoo</a></li> <li><a href="http://www.google.com">google</a></li> <li><a href="http://teknisi.jardiknas.org">d3tkj</a></li> </ol> </body> </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.
Buatlah link ke bagian ketiga dari posisi bagian keenam.
0 komentar:
Post a Comment