Download to read offline
Pemprograman Web & Perangkat Bergerak - Form.pptx
- 1. PEMPROGRAMAN WEB & PERANGKAT BERGERAK SMKDarussalam Makassar HTML (6) - Nurul Fajrin Alifah, S.T -
- 2. HTML Hyperlink / link Linkmerupakan suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam satu situs web. Secara umum, fungsi link adalah untuk memudahkan pengunjungan web dalam menjelajahi seluruh isi atau informasi yang tersimpan dalam situs web bersangkutan. <a href=“url"> text/gambar </a>
- 3. HTML Jenis Hyperlink /link Merupakan link yang mengarah langsung pada website tertentu, dengan sebuah dokumen dikunci pada Alamat valid sebuah website, dan tidak tergantung pada direktori Lokasi file HTML <a href=“www.instagram.com”> Follow Us </a> sebenarnya link tidak selalu ditujukan ke halaman web lain, link dapat digunakan pada halaman yang sama menggunakan atribut ID pada section elemen/tag yang dituju 1. Link Absolut
- 4. HTML Jenis Hyperlink /link Merupakan link yang mengarah langsung pada Lokasi path atau direktori tujuan yang tersimpan pada web server atau computer tanpa diawali dengan Alamat domain website, sehingga penggunaannya sangat tergantung pada Lokasi file <a href=“D:PWPBLatihan2boom.html”> Follow Us </a> 2. Link Relatif
- 5. No Atribut Fungsi 1link Menentukan warna link 2 alink Menentukan warna link Ketika diklik & halaman belum terbuka 3 vlink Menentukan warna link jika link tersebut sudah pernah dibuka HTML Link (ATRIBUT) Atribut diletakkan pada tag <body>
- 6. No Atribut ValueFungsi 1 href URL Menentukan urutan link pada halaman web dengan memanfaatkan tombol tab 2 target _blank; _parent; _self; _top; framename Menentukan dimana dokumen yang dituju akan dibuka 3 download filename Menentukan bahwa target akan didownload Ketika pengguna meng-klik hyperlink HTML Link (ATRIBUT) Atribut diletakkan pada tag <a>
- 7. HTML Latihan 1 -link 1. Link Absolut <body> <h2> Latihan membuat link </h2> <ul> <li> <a href=“#rumah”>Home</a> </li> <li> <a href=“#tentang”>About</a> </li> <li> <a href=“#kontak”>Contact</a> </li> </ul> <p id=“rumah”> <h1>Ini merupakan section/elemen Home</h1> <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem dicta dolorem eius similique a! Corrupti hic quidem corporis possimus quod recusandae voluptatibus, sint cum natus facilis quo cumque itaque quasi. </p> . . </body>
- 8. HTML Latihan 1 -link 2. Link Absolut <body link=“blue” vlink=“purple” alink=“yellow”> <h2> Latihan membuat link </h2> . . . <p> Lihat halaman biodata saya </p> <br/> <a href=“Latihan_biodata.html” target=“_blank” > Click here</a> . . . </body>