5 RPP Pemrograman WEB sem 1 Hyperlink pada halaman web.doc

(1)

RENCANA PELAKSANAAN PEMBELAJARAN RENCANA PELAKSANAAN PEMBELAJARAN

( RPP ) ( RPP ) Satuan

Satuan Pendidikan Pendidikan : SMK : SMK M

Matata Pea Pelalajjararaann : P: Peemrmrooggraramaman Wn WEEBB K

Komom! ! KKeaea"l"liaiann : M: Mulultitimemeddiaia K

Kelela# $ a# $ SeSememe#t#terer : % $ &: % $ & M

Maatteerri Pi Pookkookk : ': 'eerrlliinnk k aadda 'a 'aallaammaan Wn Wee A

Allookkaa##i i WWaakkttuu : : &&* * + + ,,- - mmeenniitt A!

A! KoKommeteeten#n#i .nti .nti ( K. )i ( K. )

1.

1. MenghaMenghayati dayati dan mengamn mengamalkaalkan ajaran agn ajaran agama yang dama yang dianutianutnya.nya. 2.

2. MenMenghaghayatyati i dan dan menmengamgamalkalkan an perperilailaku ku ( ( jujjujur, ur, didisipsiplinlin, , tantangguggung ng jawjawabab, , pedpeduliuli,, santun, ramah lingkungan, gotong royong, kerjasama, cinta damai, responsive dan santun, ramah lingkungan, gotong royong, kerjasama, cinta damai, responsive dan pr

proakoaktiftif) ) dan menundan menunjukjukkakan n siksikap sebagap sebagai ai babagiagian n dardari i solsolusi usi ataatas s beberbarbagaigai permasalahan bangsa

permasalahan bangsa dalam berinteradalam berinteraksi secara efektif ksi secara efektif dengan dengan lingkungan lingkungan socialsocial da

dan n alalam am sesertrta a dadalalam m memenenempmpatatkakan n didiri ri sesebabagagai i cecermrmininan an babangngsa sa dadalalamm pergaulan dunia.

pergaulan dunia. .

. MeMemamahahamimi, , memenenerarapkpkanan, , memengngananalalisisis is pepengngetetahahuauan n fafactctuaual, l, kkononseseptptuaual,l, procedural berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, procedural berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, se

seni ni bubudadayaya, , dadan n huhumaman n ioiora ra dedengngan an wawawawasasan n kkememananusiusiaaaan, n, kkebebanangsgsaaaan,n, ken

kenegaraegaraan, an, dan dan peradperadaban aban terkterkait ait fenomefenomena na dan dan kekejadiajadian, n, serta serta meneramenerapkapkann pengetahuan procedural pada bidang kajian yang spesi!k sesuai dengan bakat dan pengetahuan procedural pada bidang kajian yang spesi!k sesuai dengan bakat dan minatnya untuk memecahkan masalah.

minatnya untuk memecahkan masalah. ".

". MengoMengolah, menallah, menalar, menyaar, menyaji, dan menciji, dan mencipta dalapta dalam ranah konkrm ranah konkret dan ranah abstret dan ranah abstrakak terkait dengan pengembangan diri yang dipelajarinya di sekolah secara mandiri, terkait dengan pengembangan diri yang dipelajarinya di sekolah secara mandiri, dan mampu menggunakan metoda

dan mampu menggunakan metoda sesuai kaidah keilmuan.sesuai kaidah keilmuan.

B!

B! KomKometeeten#i /n#i /a#ar a#ar ( K/ ( K/ ))

1.1M

1.1Memaemahamhami i nilnilai#ai#nilnilai ai kekeimaimanan nan dendengan gan menmenyadyadari ari hubhubungungan an kketeeteratraturauran n dandan k

koommpplleeksksiittaas s aallaam m ddaan n jjaaggaad d rraayya a tteerrhahaddaap p kkeebbeessaarraan n $$uuhahan n yyaanngg menciptakannya

menciptakannya

1.2Mendeskripsikan kebesaran $uhan yang menciptakan berbagai sumber energi di 1.2Mendeskripsikan kebesaran $uhan yang menciptakan berbagai sumber energi di

alam alam

1.Mengamalkan nilai#nilai keimanan sesuai dengan ajaran agama dalam kehidupan 1.Mengamalkan nilai#nilai keimanan sesuai dengan ajaran agama dalam kehidupan

sehari#hari sehari#hari

2.1Menunjukkan perilaku ilmiah (memiliki rasa ingin tahu% objektif% jujur%

2.1Menunjukkan perilaku ilmiah (memiliki rasa ingin tahu% objektif% jujur% teliti% cermat%teliti% cermat% tek

tekun% un% hati#hhati#hati% bertangguati% bertanggung ng jawajawab% b% terbukterbuka% a% kritikritis% s% kreakreatif% tif% inovainovatif tif dan dan pedulpedulii lingkungan) dalam aktivitas sehari#hari sebagai wujud implementasi sikap dalam lingkungan) dalam aktivitas sehari#hari sebagai wujud implementasi sikap dalam melakukan percobaan dan berdiskusi

melakukan percobaan dan berdiskusi

2.2Menghargai kerja individu dan kelompok dalam aktivitas sehari#hari sebagai wujud 2.2Menghargai kerja individu dan kelompok dalam aktivitas sehari#hari sebagai wujud

implementasi melaksanakan percobaan dan melaporkan h

implementasi melaksanakan percobaan dan melaporkan hasil percobaanasil percobaan .&Memahami format kaitan pada halaman web

.&Memahami format kaitan pada halaman web

.ndikator :

.ndikator : Menjelaskan format kaitan pada halaman webMenjelaskan format kaitan pada halaman web ".&

".& Menyajikan forMenyajikan format kaitan mat kaitan pada halaman wpada halaman webeb

.ndikator:

.ndikator: Menerapkan format kaitan pada halaman Menerapkan format kaitan pada halaman webweb

.ndikator:

.ndikator: Menganalisis penggunaan format kaitan pada halaman Menganalisis penggunaan format kaitan pada halaman webweb

C!

C! 00ujuan ujuan PemPemelaelajaranjaran

Melalui kegiatan pembelajaran Mengamati, Menanya, Mengeksplorasi, Mengasosiasi Melalui kegiatan pembelajaran Mengamati, Menanya, Mengeksplorasi, Mengasosiasi dan Mengkomunikasik

dan Mengkomunikasikan maka tujuan an maka tujuan yang ingin dicapai adalahyang ingin dicapai adalah 1.

1. MenjeMenjelasklaskan foran format kmat kaitaaitan padn pada halaa halaman weman webb 2.

2. MeneraMenerapkapkan formn format kaat kaitan itan pada pada halamhalaman wean webb .

. MengujMenguji perubahai perubahan#perun#perubahan yang tebahan yang terjadi parjadi pada penggda penggunaan format kaiunaan format kaitan padatan pada halaman web.

halaman web.

/!

/! MateMateri ri PemPemelajelajaranaran 'erlink 'alaman We 'erlink 'alaman We Anatomi link

(2)

'ntuk membuat hyperlink yang jika diklik oleh pengguna maka halaman web anda akan meloncat ke halaman web yang dimaksud. yperlink juga dapat digunakan untuk meloncat ke bagian (section) tertentu dalam halaman web yang sama.

$ag *+ dapat digunakan untuk membuat sebuah hyperlink dalam halaman web. $ag *+ memiliki atribut yang sangat penting, yaitu -. - singkatan dari yperte/t eference, yang digunakan untuk menentukan alamat '0 yang dituju ketika hyperlink tersebut diklik. *lamat '0 ('niform esource 0ocator) bisa berupa alamat web atau alamat sebuah !le tertentu. ontoh alamat '0 yang dimaksud adalah http33www.yahoo.com atau lat&.html

ontoh tag penggunaan hyperlink

<a href="lat5.html">buka lat5.html</a> Mengenal relati1e dan a#olute at"

*pabila anda menulis path atau alamat tujuan secara lengkap misalnya <a href="http://smkn1jombang.sch.id">S! 1 #ombang</a>

4alah satu absolute path terletak pada panjangnya alamat situs yang harus ditulis. 5amun kelebihannya, target link menjadi jelas dan reliable. *bsolute path wajib dipakai jika anda membidik alamat situs lain.

4edangkan relative path digunakan jika !le tujuan (rujukan) masih satu area dengan !le yang merujuk. 6engan kata lain masih terletak ditempat yang sama.

7ika !le tujuan terletak di folder berbeda. *pabila !le di subfolder lain contohnya artikel maka

4ebaliknya, jika !le anda ingin merujuk !le yang ada di folder utama (biasanya disebut parent folder), maka

2ormat link antar i#i ada #atu "alaman 3e

$ag *+ juga mempunyai atribut 86 yang dapat digunakan untuk menandai sebuah bagian (section) tertentu dalam dokumen $M0. 9emudian bagian yang ditandai tersebut dapat diakses melalui sebuah hyperlink. al ini memungkinkan anda membuat sebuah hyperlink yang ketika diklik akan loncat ke bagian tertentu dalam halaman web yang sama. 'ntuk meloncat ke halaman web yang sudah ditandai, maka tulisan nama bagian tersebut dalam atribut - dengan diawali karakter :;<.

<%&'()*+, -)> <-)>

<-,&>

<)0),>latihan )ag  dua </)0),> </-,&>

<'&* bgcolor="2ffff33" ),4)="2333333"> +ilih +aragraf :

<a href="2par1">paragraf 1</a>

<a href="2par">paragraf </a>

<a id="par1">bagian paragraf kesatu </a>

ini adalah paragraf ke satu dari seluruh teks 7ang ada8 anda dapat mengklik h7perlink lainn7a untuk

pindah ke paragraf lainn7a. <big>"selamatn7a"</big>

<a id="par">bagian paragraf kedua</a>

(3)

ini adalah paragraf kedua dari seluruh teks 7ang ada8 anda dapat mengklik h7perlink lainn7a untuk

pindah ke paragraf lainn7a. <big>"nda la7ak dapat intang"</big>

<a id="par6">bagian paragraf ketiga</a>

pindah ke paragraf lainn7a. <big>"nda la7ak dapat ulan"</big> </'&*>

</-)>

2ormat link antar "alaman 3e untuk mementuk #itema <%&'()*+, -)>

<-)> <-,&>

<)0),>latihan )ag  satu </)0),> </-,&>

<'&* bgcolor="2ffff33" ),4)="2333333"> &i ba9ah ini adalah contoh h7perlink

#ika h7perlink diba9ah ini di klik8 maka halaman

9eb ini akan loncat ke halaman 9eb bernama lat5.html8 7ang sudah dibuat pada latihan sebelumn7a:

di ba9ah ini adalah contoh h7perlink 7ang ketika diklik akan meloncat ke halaman 9eb 7ahoo.

</-)>

2ormat target link4 email dan teleon Menentukan target link

*pabila sebuah link diklik, maka secara default halaman web page itu akan

ditampilkan di jendela browser yang sama. *rtinya web yang memanggil akan ditutupi oleh web yang dipanggil. 5amun ada kalanya pengunjung ingin situs pemanggil tetap terbuka sedangkan situs yang dipanggil berada di tab sebelahnya. Maka

<a href=http://smkn1jombang.sch.id target=;blank>S! 1 #ombang</a> *da " macal target link antara lain =blank, =self, =top, =parent

Link menuju alamat email

0ink dapat menuju ke apapun, termasuk alamat email. *pabila pengakses internet yang menuju ke situs kita memiliki software pengecek email seperti outlook atau thunderbird, maka hyperlink menuju alamat email bisa sangat membantu mereka. <%&'()*+, -)>

<-)> <-,&>

<)0),>latihan link email </)0),> </-,&>

<'&* bgcolor="2ffff33" ),4)="2333333">

nda bisa menghubungi sa7a diemail diba9ah ini <a href="mailto:lin.mul7atigmail.com">klik disini</a> </'&*>

(4)

</-)>

*nda bisa memasukkan subjek email didalam link sehingga penunjung situs anda tidak perlu lagi menulis subjek, cukup isi pesannya saja.

<%&'()*+, -)> <-)>

<-,&>

<'&* bgcolor="2ffff33" ),4)="2333333">

nda bisa menghubungi sa7a diemail diba9ah ini

<a href="mailto:lin.mul7atigmail.comsubject=mohon informasi">klik disini</a> </'&*>

</-)>

yperlink ke telepon dan sms

Membuat $M0 link ternyata bervariasi, misalnya popup, link kirim email, terbuka di laman baru dan lain lain. 4eiring dengan perkembangan jaman website3 blog banyak juga yang mengakses dari perangkat telepon genggam.

5amun terkadang sesuatu yang kita tidak membutuhkan suatu saat kita mungkin

memerlukan, misalnya kita ingin membuat link kirim menuju 4M4 (Short Message

Service) ataupun langsung menuju ke telepon( call ).

4ederhana cara membuat $M0 link 4M4 atau all me dipasang di blog3web, yang apabila di klik oleh seorang user tersebut mengakses dari perangkat selular3 telepon genggam(handphone) langsung menuju kirim 4M4 dan $elepon.

Memuat 'tml link kirim SMS

$M0 0ink 4M4 di tulis awal a href #m#: <a href="sms:' telp handphone">ink</a>

<a href="sms:31...">ink sms ' hp terisi</a>

Cara memuat 'ML link kirim SMS N5 "and"one dan od 0eri#i e#an

<a href="sms:31...?bod7=+esan di tubuh bod7 disini">ink menuju sms plus no -+ dan bod7 terisi</a>

Memuat 'ML link menuju SMS "ana od eri#i e#an

<a href="sms:?bod7=+esan di tubuh bod7 disini">ink menuju sms bod7 terisi</a> 8ngat ketika body berisi pesan tentu saja pesan 4M4 memiliki batasan panjang pesan yaitu kurang lebih 1>? karakter.

Cara memuat 'tml link Lang#ung menuju teleon(Call me)

$ernyata membuat link menuju telepon ini tidak terlalu sulit yang seperti dibayangkan, dan penulisannya awal a href adalah tel:$$

<a href="tel://' telepon atau ' handphone">ink telepon</a> <a href="tel://@...">ink teleponAcall meB</a>

@erlu diketahui bahwa 0ink kirim 4M4 atau telepon tersebut tidak bekerja apabila seorang mengklik dari peramban komputer ataupun laptop.

'erlink ke #eua" 6le

0ink juga bisa mengarahkan pengunjung pada sebuah !le. 4ebagai contoh anda bisa berbagi !le dokumen yang dibuat menggunakan M4 Aord. 5amun yang perlu anda ingat tidak semua orang punya software yang dibutuhkan untuk membuka !le dokumen itu. Bleh karena itu, pastikan dokumen yang anda gunakan dokumen yang laCim digunakan seperti .doc, .pdf, .mp dll

<%&'()*+, -)> <-)>

<-,&>

<'&* bgcolor="2ffff33" ),4)="2333333">

nda bisa menghubungi sa7a diemail diba9ah ini <a href="dokumen.doc">klik disini</a>

(5)

</'&*> </-)>

*pabila link diklik maka akan muncul kotak dialog yang memberi pilihan kepada anda untuk open, save atau cancel. Dila anda memiliki software pembukanya maka anda bisa memilih open tapi apabila anda tidak memiliki software tersebut anda bisa menyimpannya dengan memilih save.

E! Metode Pemelajaran

@endekatan @embelajaran  @endekatan sainti!k (scientifc)

Metode @embelajaran  @embelajaran koperatif (cooperative learning) dengan kelompok diskusi yang berbasis proyek (Project Based Learning). @enugasan individu

2! Kegiatan Pemelajaran ( Pertemuan ke7& : )

Kegiatan /e#kri#i Kegiatan Aloka#i

Waktu

@endahulua n

1. Menyiapkan !sik dan psikis peserta didik dalam mengawali kegiatan pembelajaran

2. _{Mengaitkan materi pembelajaran sekarang dengan} pengalaman peserta didik (siswa mengunjungi halaman web http33smkn1jombang.sch.id )

3. _{Mengajukan pertanyaan yang ada keterkaitan} dengan tema yang akan dibelajarkan (pertanyaan penggunaan link pada halaman web tersebut)

1? menit

8nti Mengamati

@elbagai jenis link dan hasilnya terhadap halaman web (anatomi link, format link antar isi pada satu halaman web)

Menana

Mendiskusikan pelbagai tampilan format link dalam halaman web

Mengek#lora#i

-ksplorasi pelbagai tampilan format link pada halaman web

Menga#o#ia#i

•Menganalisa hubungan antara sitemap dengan

hyperlink

•Menyimpulkan penerapan format link pada

halaman web

Mengkomunika#ikan

Menyampaikan hasil pengamatan dan percobaan pelbagai format link pada halaman web

1&? menit

@enutup 1. Melakukan reEeksi dan mencatat hal#hal penting

dalam bentuk rangkuman dengan melibatkan peserta didik

2. Menindaklanjuti pembelajaran hari ini dengan melihat hasil akhir pekerjaan siswa sesuai dengan materi belajar yang baru saja di pelajari

. ollow#up pada siswa untuk materi minggu depan

2? menit

( Pertemuan ke78 : )

Waktu

@endahulua n

(6)

8nti Mengamati

@elbagai jenis link dan hasilnya terhadap halaman web (format link pada halaman web untuk membuat sitemap)

Menana

Mengek#lora#i

Menga#o#ia#i

hyperlink

halaman web

Mengkomunika#ikan

1&? menit

2. Menindaklanjuti pembelajaran hari ini dengan melihat hasil akhir pekerjaan siswa sesuai dengan materi belajar yang baru saja di pelajari

2? menit

( Pertemuan ke79 : )

Waktu

@endahulua n

1? menit

8nti Mengamati

@elbagai jenis link dan hasilnya terhadap halaman web (format target link, email dan telepon)

Menana

Mengek#lora#i

Menga#o#ia#i

hyperlink

halaman web

Mengkomunika#ikan

>? menit

2. Menindaklanjuti pembelajaran hari ini dengan melihat hasil akhir pekerjaan siswa sesuai dengan

(7)

materi belajar yang baru saja di pelajari

! Alat $ Media$ Sumer Belajar

1. Modul $M0

2. Duku referensi dan artikel yang sesuai

3. Step bu step HTML 5, Jubiee !nterprise, !e" Media #o$putindo, Ja%arta &'((

". 8nternet

&. 0embar 9erja 4iswa

>. ile dalam bentuk softcopy F. 8n ocus 3 $G 06

'! Penilaian 'a#il Belajar

1. $eknik @enilaian  @engamatan, 9inerja, dan $es $ertulis 2. @rosedur @enilaian

@enilaian 9inerja 5

o

*spek yang dinilai 4ikap @engetahu

an 9etrampil an 5ama 1 2  " 1 2  " 1 2  " 1 2  7umlah 4kor

9riteria @enskoran  1 H 9urang 2 H ukup  H Daik " H *mat Daik

9riteria @enilaian  7umlah skor    6

"  7umlah skor  >   "  7umlah skor  >  D

1?  7umlah skor  12  * ubrik @enilaian 9inerja 

N o A#ek ang dinilai Keterangan 1. 4ikap

1 H $idak aktif dalam pembelajaran 2 H ukup aktid dalam pembelajaran  H *ktif dalam pembelajaran

" H *mat aktif dalam pembelajaran

2. @engetahuan

1 H $idak memahami konsep pemecahan masalah 2 H ukup memahami konsep pemecahan masalah  H Memahami konsep pemecahan masalah

" H *mat memahami konsep pemecahan masalah

. 9etrampilan

1 H $idak terampil melaksanakan prosedur pemecahan masalah

2 H ukup terampil melaksanakan prosedur pemecahan masalah

 H $erampil melaksanakan prosedur pemecahan masalah

" H *mat terampil melaksanakan prosedur pemecahan masalah

(8)

0e# 0ertuli#

@edoman @enskoran 

8 9unci 7awaban 'raian 4kor

1. <%&'()*+, -)> <-)> <-,&> <)0),>latihan link </)0),> </-,&> <'&* bgcolor="2ffff33" ),4)="2333333"> &i ba9ah ini adalah contoh h7perlink

<a href="latihan1.html">buka latihan1.html</a> <a href="latihan.html">buka latihan.html</a> <a href="latihan6.html">buka latihan6.html</a> <a href="latihanC.html">buka latihanC.html</a> <a href="latihan5.html">buka latihan5.html</a> <a href="latihan@.html">buka latihan@.html</a> <a href="latihanD.html">buka latihanD.html</a> </'&*>

</-)>

2?

2. <a href="mailto:lin.mul7atigmail.com">klik disini</a> _2& . <a href="tel://@16DE13">ink teleponAcall meB</a> _2& ". <-)>

<-,&>

<)0),>latihan menjadikan gambar sebagai h7perlink</)0),> </-,&>

<'&* bgcolor="7ello9" ),4)="2333333">

0ni h7perlink berupa gambar8 ketika diklik akan meloncat ke halaman 9eb lat5.html 7ang pernah anda buat sebelumn7a : <a href="lat5.html"> <img src="gbr1.jpg"> </a> </'&*> </-)> ?

5ilai H 4kor yang di peroleh / 1?? 4kor maksimal (1??)

7ombang, 1" 7uli 2?1" Mengetahui

9epala 4M9 5egeri 1 7ombang Iuru Mata @elajaran,

6rs. 4'@8J*68, M.9es 085 M'0J*$8, 4.9om

(9)

LEMBAR KERJA S.SWA &

( $ugas 9elompok )

1. 9etik baris#baris teks dibawah ini dengan program notepad, simpan !le tersebut dalam folder yang telah dibuat dengan nama :link1.htm< lalu cobalah menjalankan !le link1.htm tersebut, eksekusi program dan amatilah tampilan hasil dari tag tersebut.

<%&'()*+, -)> <-)>

<-,&>

<)0),>latihan )ag  dua </)0),> </-,&>

<'&* bgcolor="2ffff33" ),4)="2333333"> +ilih +aragraf :

<a href="2par">paragraf </a>

<a id="par1">bagian paragraf kesatu </a>

ini adalah paragraf ke satu dari seluruh teks 7ang ada8 anda dapat mengklik h7perlink lainn7a untuk

pindah ke paragraf lainn7a. <big>"selamatn7a"</big>

<a id="par">bagian paragraf kedua</a>

pindah ke paragraf lainn7a. <big>"nda la7ak dapat intang"</big>

<a id="par6">bagian paragraf ketiga</a>

pindah ke paragraf lainn7a. <big>"nda la7ak dapat ulan"</big> </'&*>

</-)>

2. 9etik baris#baris teks dibawah ini dengan program notepad, simpan !le tersebut dalam folder yang telah dibuat dengan nama :link2.htm< lalu cobalah menjalankan !le link2.htm tersebut, eksekusi program dan amatilah tampilan hasil dari tag

tersebut.

<%&'()*+, -)> <-)>

<-,&>

<)0),>latihan )ag  satu </)0),> </-,&>

(10)

&i ba9ah ini adalah contoh h7perlink

#ika h7perlink diba9ah ini di klik8 maka halaman

9eb ini akan loncat ke halaman 9eb bernama lat5.html8 7ang sudah dibuat pada latihan sebelumn7a:

di ba9ah ini adalah contoh h7perlink 7ang ketika diklik akan meloncat ke halaman 9eb 7ahoo.

</-)>

obalah berikan tag target pada link diatas dengan mengisi target link antara lain =blank, =self, =top, =parent. *matilah perbedaannya

(11)

LEMBAR KERJA S.SWA 8

( $ugas 9elompok )

1. 9etik baris#baris teks dibawah ini dengan program notepad, simpan !le tersebut dalam folder yang telah dibuat dengan nama :link.htm< lalu cobalah menjalankan !le link.htm tersebut, eksekusi program dan amatilah tampilan hasil dari tag tersebut.

<%&'()*+, -)> <-)>

<-,&>

<'&* bgcolor="2ffff33" ),4)="2333333">

nda bisa menghubungi sa7a diemail diba9ah ini <a href="mailto:lin.mul7atigmail.com">klik disini</a> </'&*>

</-)>

2. 9etik baris#baris teks dibawah ini dengan program notepad, simpan !le tersebut dalam folder yang telah dibuat dengan nama :link".htm< lalu cobalah menjalankan !le link".htm tersebut, eksekusi program dan amatilah tampilan hasil dari tag tersebut.

<%&'()*+, -)> <-)>

<-,&>

<'&* bgcolor="2ffff33" ),4)="2333333">

nda bisa menghubungi sa7a diemail diba9ah ini

<a href="mailto:lin.mul7atigmail.comsubject=mohon informasi">klik disini</a> </'&*>

</-)>

. 9etik baris#baris teks dibawah ini dengan program notepad, simpan !le tersebut dalam folder yang telah dibuat dengan nama :link&.htm< lalu cobalah menjalankan !le link&.htm tersebut, eksekusi program dan amatilah tampilan hasil dari tag tersebut.

<%&'()*+, -)> <-)>

<-,&>

<'&* bgcolor="2ffff33" ),4)="2333333">

nda bisa mengirim sms dinomer diba9ah ini <a href="sms:316DE13">ink sms ' hp terisi</a> </'&*>

</-)>

obalah merubah tag link seperti dibawah ini. *mati apa yang terjadi

<a href="sms:316DE13?bod7=+esan di tubuh bod7 disini">ink menuju sms plus no -+ dan bod7 terisi</a>

obalah merubah tag link seperti dibawah ini. *mati apa yang terjadi <a href="tel://@16DE13">ink teleponAcall meB</a>

(12)

LEMBAR KERJA S.SWA 9

( $ugas 9elompok )

1. 9etik baris#baris teks dibawah ini dengan program notepad, simpan !le tersebut dalam folder yang telah dibuat dengan nama :link>.htm< lalu cobalah menjalankan !le link>.htm tersebut, eksekusi program dan amatilah tampilan hasil dari tag tersebut.

<%&'()*+, -)> <-)>

<-,&>

<'&* bgcolor="2ffff33" ),4)="2333333">

nda bisa menghubungi sa7a diemail diba9ah ini <a href="dokumen.doc">klik disini</a>

</'&*> </-)>

(13)

0ES 0ER0;L.S

( $ugas @erorangan)

1. Duatlah sebuah halaman web yang memiliki link ke seluruh !le $M0 yang pernah anda buat (latihan1.html, latihan2.html, latihan.html, latihan".html, latihan&.html, latihan>.html, latihanF.html) lalu simpan dengan nama :link.htm<

2. $uliskan script untuk membuat link untuk mengirim email . $uliskan script untuk membuat link untuk call atau telepon