Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

LINK.

Presentasi serupa


Presentasi berjudul: "LINK."— Transcript presentasi:

1 LINK

2 LINK Link adalah unsur penting pada halaman web. Tanpa link halaman web akan menjadi “ mati “. Objek yang dapat di-link diantaranya teks, gambar, video dan lainnya. Untuk menghubungkan satu halaman dengan halaman yang lain dalam satu dokumen HTML, digunakan document link.

3 link Untuk menghubungkan ke dokumen lain di Internet, digunakan URL link. URL singkatan uniform resource locator yang merupakan alamat dari dokumen HTML yang terdapat di Internet. Contoh URL : Browser web akan menyorot teks atau gambar yang diidentifikasi sebagai link dengan warna dan/atau garis bawah untuk menunjukkan bahwa itu adalah hypertext link.

4 Link

5 L i n k Tag yang digunakan untuk membuat hypertext link atau biasa disebut hyperlink diawali dengan Perintah Anchor <A> dan diakhiri dengan </A>. Atribut yang terdapat pada tag <A> diantaranya HREF dan NAME . <a href= “alamat link” > halaman 2 </a>

6 Jenis-Jenis link Link Relatif Link absolut
Link ke bagian lain dalam dokumen

7 Jenis link Link Relatif
Dibuat apabila anda membuat suatu link pada halaman anda ke halaman lain pada komputer yang sama, tidak perlu menggunakan alamat internet yang lengkap. Anda cukup menuliskan nama file html seperti berikut : <a href= “ alamat file”> berikutnya </a>

8 Link Absolute Link ini dibuat apabila kita akan membuat link ke halaman web lain yang berada pada website lain di internet. Alamat web tersebut harus ditulikan secara lengkap <a href= “http://www.sttmusi.ac.id> STT MUSI PALEMBANG</a>

9 Link ke bagian lain dalam dokumen
Link jenis ini dibuat untuk sebuah web yang sangat pajang, sehingga apabila ditampilkan dalam browser mengharuskan kita untuk melakukan scroll pada layar. Untuk penelusuran dokumen dapat dimudahkan dengan membuat link antarbagian, dengan memberikan sebuah nama sebagai identitasnya

10 Link ke bagian lain dalam dokumen
<a href =“#namabagian”> Bagian tentang link</a> Tanda # menunjukkan bahwa link tersebut ditujukan kepada link dalam dokumen yang sama.

11 Contoh link relatif <html> <head> <title>Link 1</title> </head> <body> Ini adalah contoh membuat link<br> <a href="link2.html"> Teks ini</a>   merupakan link kepasa suatu halaman dengan nama link 2 pada website yang sama </body> </html>

12 Contoh link absolute <html> <head> <title>Link absolute</title> </head> <body> Link absolute <br> <a href=http://www.yahoomail.com> Web STT MUSI </a> </body> </html>

13 Catatan Jika anda memakai frame, makan berikut perintah untuk keluar dari frame <a href=“ “ target=“_blank”>klik disini</a> Untuk membuat sebuah link yang tidak bergaris bawah <a href=“ “ stlye=“text- decoration:none”> </a>

14 Contoh <html> <head> <title>Link</title> </head> <body> <a href=http://www.sttmusi.ac.id style="text-decoration:none“ target="_blank"> Ini link yang tidak bergaris bawah</a> </body> </html>

15 Frame Elemen dalam html digunakan untuk membangun web page yang memungkinkan dalam satu windows browser. Windows dalam browser dapat dibagi menjadi beberapa windows yang disebut frame.

16 Target dalam frame Nama frame :_top, _blank,_parent, sering digunakan untuk menunjukkan target penampilan dalam suatu link.

17 Frame kolom Frame Baris
Membagi-bagi halaman menjadi beberapa bagian vertikal (kolom) Frame Baris Membagi-bagi halaman menjadi beberapa bagian horisontal (baris)

18 Frame kolom Frame baris
<html> <head> <title>frame</title> </head> <frameset cols="25%,50%,25%"> <frame src="link1.html"> <frame src="link2.html"> <frame src="link3.html"> </frameset> </html> <html> <head> <title>frame</title> </head> <frameset rows="25%,50%,25%"> <frame src="link1.html"> <frame src="link2.html"> <frame src="link3.html"> </frameset> </html>


Download ppt "LINK."

Presentasi serupa


Iklan oleh Google