HTML : membuat Link dan Meng-Input file ke Dokumen

1. Pengertian

     Hyperlink adalah Menghubungkan antara satu dokumen dengan dokumen yang lain pada HTML. Dan Menginput file disini berarti menambahkan file ke dokumen html

2. Latar belakang

     Hyperlink membuat sebuah teks atau gambar yang ketika diklik akan dialihkan ke halaman tertentu yang sudah ditetapkan dalam penulisan hyperlink.

3. Maksud dan Tujuan

     Agar dapat memasukan file berupa gambar,suara maupun video kedalam dokumen html. Dan dapat menghubungkan satu dokumen html dengan dokumen html yang lainnya.

4. Hasil yang diharapkan

     Dapat memahami dan mempraktekan Tag-tag html.

5. Alat dan bahan

    Laptop

   Text Editor

   Browser

6. Uraian

a) Menambahkan file

       - tambah file gambar

    1) <img src=””> untuk menentukan gambar yang terkait.

    2) alt untuk menggambarkan gambar

    3) width untuk menentukan lebar gambar

   4) height untuk menentukan tinggi gambar

     - tambah file suara

   1) <source scr=””> menentukan sile suara

   2) <audio> untuk pengaturan suara

   3) autoplay memulai audio secara otomatis

   4) loop mengulang audio

   5) mute mematikan suara

     - tambah file video

   1) <video > melakukan pengaturan seperti lebar dan tingginya.

   2) <source scr=”” type””>

b) Membuat Link

    Dalam melakukan peng-link-an kita akan menggunakan Tag-tag berikut :

<a> untuk menghubungkan dokumen html dengan dokumen html yang lainnya.

href untuk menentukan alamat tujuan. Bisa berupa alamat web lengkap misalkan <a href=”http://www.w3school.com/html”>, maupun tautan lokal(tautan ke situs web yang sama) misal <a href=”html_images.asp”>

target untuk menentukan tempat untuk membuka dokumen terkait

_blank untuk membuka dokumen yang terhubung di tab baru

_self untuk membuka dokumen terkait di jendela yang sama

_parent untuk membuka dokumen terkait di dalam bingkai induk

_top untuk membuka dokumen terkait di seluruh jendela

_framename untuk membuka dokumen terkait dalam bingkai bernama

<img src=””> untuk tautan gambar

- id=”value”(biasanya di dalam tag heading) untuk menentukan bookmark di halaman

<a href=”#value”> untuk menautkan ke bookmark yang dituju

7. Hasil yang didapatkan

     Dapat Memahami dan mempraktekan tag-tag html untuk membuat Link dan menginput file di dokumen html

8. Referensi

https://www.w3schools.com/html/default.asp