LINK PADA FRAME Setelah kita membentuk frame selanjutnya
LINK PADA FRAME
ü Setelah kita membentuk frame, selanjutnya frame-frame yang ada tersebut akan kita manfaatkan untuk penampung dari dokumen lain yang sifatnya berdiri sendiri. ü Supaya antara frame yang satu dengan yang lain dapat saling berhubungan perlu dibentuk suatu hyperlink.
Index. html <html> <head> <title>. : My Web. Site : . </title> </head> <frameset rows ="20%, *" border=0> <frame name="fatas" src="frameatas. html" scrolling="no"> <frame name="fbawah" src="framebawah. html"> </frameset> </html>
Frameatas. html 1. <html> 2. <head> 3. <title>frameatas</title> 4. </head> 5. <body BACKGROUND = "background/atas. gif"> 6. <table border=0> 7. <tr> 8. <td width = 200> 9. <img src = "images/logo. gif" width=100 height=70 align=”middle”> 10. </td> 11. <td width=800 align=center> 12. <H 1> Green Web <H 1> 13. </td> 14. </tr> 15. </table> 16. </body> 17. </html>
Framebawah. html 1. 2. 3. 4. 5. 6. 7. 8. 9. <html> <head> <title>framebawah</title> </head> <frameset cols ="20%, *" border=0> <frame name="fkiri" src="menu. html"> <frame name="fkanan" src="home. html"> </frameset> </html>
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. <html> <head> <title>Menu</title> </head> <BODY bgcolor = "#00 FF 00"> <H 2>Main Menu</H 2> <HR> <Font size=4> <B> <a href=home. html target=fkanan>H O M E</a> <BR> <a href=profil. html target=fkanan>My Profil</a> <BR> <a href=galeri. html target=fkanan>G a l e r i</a> <BR> <a href=materi. html target=fkanan>Materi Kuliah KAIT - I</a><BR> <a href=buku_tamu. html target=fkanan>Buku Tamu</a> </B> </font> <BR> <H 2>Link Ke : </H 2> <HR> <Font size=4> <B> <a href="http: //www. unikom. ac. id" target="_blank">U N I K O M</a> <BR> <a href="http: //kuliahonline. unikom. ac. id" target="_blank">Kuliah Online</a> <BR> <a href="http: //nilaionline. unikom. ac. id" target="fkanan">Nilai Online</a> <BR> <a href="http: //kp. unikom. ac. id" target=“fkanan”>Prodi Keuangan Perbankan</a> </B> </font> </BODY> </html> Menu. html
Home. html • • • <html> <head> <title>Home</title> </head> <BODY bgcolor ="#00 FF 00 F"> <Center> <H 2>S E L A M A T D A T A N G</H 2> <BR> <H 3> Di Web Site Saya </H 3> </center> </BODY> </html>
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. <html> <head> <title>profil</title> </head> <BODY bgcolor ="#00 FF 00 F"> <Center> <H 3> D A T A P R I B A D I</H 3> <HR> profil. html </center> <pre> Nama : . . . . NIM : . . . . TTL : . . . . Alamat : . . . . Email : . . . . </pre> 17. <Center> <HR> 18. <H 3> D A T A P E N D I K A N</H 3> <HR> 19. </center> 20. <pre> 21. SD : . . . . 22. SMP : . . . . 23. SMA : . . . . 24. PERGURUAN TINGGI : . . . . 25. </pre> 26. </BODY> 27. </html>
materi. html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. <html> <head> <title>materi</title> </head> <BODY bgcolor ="#004488 FFFFFFF"> <Center> <H 2>Materi Mata Kuliah Komputer Aplikasi IT - I</H 2><HR> <H 4><a href=materi 1. html target=fkanan>1. Pengantar HTML</a></H 4> <H 4>2. Dasar - Dasar HTML</H 4> <H 4>3. Membuat List Di HTML</H 4> <H 4>4. Hyperlink</H 4> <H 4>5. Tabel</H 4> <H 4>6. Pengatur Tampilan Dokumen</H 4> <H 4>7. Form</H 4> <H 4>8. Frame</H 4> </center> </BODY> </html>
materi 1. html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. <html> <head> <title>materi 1</title> </head> <BODY bgcolor ="#00 FF 00 F"> <Center> <H 2>P E N G A N T A R   H T M L </H 2> <HR> </Center> <PRE> APA ITU INTERNET…. ? - Kependekan dari Interconnected Networking - ……………. . . 13. APA ITU WEBSITE…. ? 14. Salah-satu Layanan di Internet 15. </PRE> 16. <HR> 17. <Center> 18. <a href=downloadpertemuan 1. pptx> <-- download lengkap materi --> </a>   19. <a href=materi. html target=fkanan> <-- Kembali Ke Materi --> 20. </center> 21. </BODY> 22. </html>
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. <HTML> <HEAD> <TITLE>. : Buku Tamu : . </TITLE> </HEAD> <BODY bgcolor ="#00 FF 00 F"> <CENTER> <H 2> B U K U T A M U </H 2><HR> </CENTER> <FORM> <pre> NAMA : <Input type = "Text" name="txtnama" size="50" maxlength="50"> ALAMAT : <Input type = "Text" name="txtalamat" size="100" maxlength="100"> JENIS KELAMIN : <select name = "Sex"> <option> Laki - Laki </option> <option> Wanita </option> </select> AGAMA : <select name = "Agama"> <option> Islam </option> <option> Protestan </option> <option> Katolik </option> <option> Hindu </option> <option> Budha </option> <option> Lain - Lain </option> </select> STATUS : <input type = "radio" Name = "status" >Belum Menikah <input type = "radio" Name = "status" checked>Menikah KOMENTAR : <textarea name = "catatan" rows = "5" cols = "70"> </textarea> <HR> </pre> <center> <input type = "submit" value = "Kirim"> <input type = "reset" value = "Ulangi"> </center> </FORM> </BODY> </HTML>
- Slides: 11