Pada kesempatan ini kita dapat membuat link untuk menghubungkan ke halaman-halaman lain, dapat menyisipkan gambar serta menjadikan gambar sebagai background pada halaman web, menyisipkan multimedia berupa suara dan video pada halaman web.
Untuk menampilkan gambar baik sebagai content web atau sebagai latar belakang web maka menggunakan attribute background pada tag <body>, dan untuk menampilkan gambar dalam halaman web menggunakan tag <img>. Untuk menyisipkan multimedia dalam web misalnya gambar, suara, dan video. Tag <BGSOUND> berfungsi untuk memainkan suara sebagai latarbelakang. Tag <EMBED> digunakan untuk memainkan berkas yang berupa suara ataupun film.
Contoh Script & penjelasan :
Skrip help.html
<html> // membuat html
<head><title>Roma Ari Wibowo </title></head>
// pembuatan judul file coba
<body> // tubuh html
<h2>Terimakasih Telah Membuka Link Coba</h2>
// pembesaran dan penebalan pada teks Terimakasih Telah Membuka Link Coba
</body> // penutup tubuh html
</html> // penutup pembuatan html
Skrip link1.html
<html> // membuat html
<head><title>link1</title></head>
// pembuatan judul link1
<body> // tubuh html
<a href="help.html">Halaman Link </a><br/>
// pembuatan link dari help.html yang bernama Halaman Link, ganti baris baru
<a href="http://www.akakom.ac.id/">Web Akakom </a><br/>
// pembuatan link dari www.akakom.ac .id yang bernama Web Akakom, ganti baris baru
<a href="http://mailto:info@akakom.ac.id target=”_self”/">Kirimkan Email Jika ada Pertanyaan</a><br/>
// pembuatan link dari http://mailto:info@akakom.ac.id yang bernama Web Akakom, ganti baris baru
</body> // penutupan pembuatan tubuh pada html
</html> // penutup pada pembuatan html
Skrip Link2.html
<html> // membuat html
<head><title>link1</title></head>
// pembuatan judul link1
<body link=”olive” alink=”#000000” vlink=”red”>
// menentukan warna pada tubuk link di html adalah olive, alink= menentukan warna link ketika diklik dan halaman link belum terbuka yakni #000000, vlink= menentukan warna link tersebut pernah terbuka yaitu red atau merah
<a href="help.html">Halaman Link </a><br/>
// pembuatan link dari help.html yang bernama Halaman Link, ganti baris baru
<a href="http://www.akakom.ac.id/">Web Akakom </a><br/>
// pembuatan link dari www.akakom.ac .id yang bernama Web Akakom, ganti baris baru
<a href=" http://mailto:info@akakom.ac.id">Lab Akakom </a><br/>
// pembuatan link dari http://mailto:info@akakom.ac.id yang bernama Web Akakom, ganti baris baru
</body> // penutupan pembuatan tubuh pada html
</html> // penutup pada pembuatan html
Skrip link3.html
<html> // pembuatan html
<head><title>link1</title></head>
// pembuatan judul link1 pada html
<body> // pembuatan tubuh pada html
<a href="help.html" tabindex="1" target="_blank">Halaman Link </a><br/>
// pembuatan link dari help.html, tabindex= menentukan urutan link pada halaman web dengan memanfaatkan tombol tab 1, menampilkan halaman link dengan membuka jendela browser yang baru diman nilainya _blank atau kosong, ganti baris baru
<a href="http://www.akakom.ac.id/" tabindex="3" target="_parent">Web Akakom </a><br/>
// pembuatan link dari http://www.akakom.ac.id, tabindex= menentukan urutan link pada halaman web dengan memanfaatkan tombol tab 3, menampilkan halaman link dengan membuka jendela browser yang baru diman nilainya _parent, ganti baris baru
<a href=" http://mailto:info@akakom.ac.id ">target="_self" tabindex="2">Kirimkan email jika ada pertanyaan </a><br/>
// pembuatan link darihttp://mailto:info@akakom.ac.id, tabindex= menentukan urutan link pada halaman web dengan memanfaatkan tombol tab 2, menampilkan halaman link dengan membuka jendela browser yang baru diman nilainya _self, ganti baris baru
</body> // penutup pembuatan tubuh pada html
</html> // penutup pembuatan html
Skrip link4.html
<html> // pembuatan html
<head><title>link1</title></head>
// pembuatan judul link1
<body background="exclam.gif">
// menampilkan gambar exclam.gif sebagai gambar latar pada latar belakang web
<a href="help.html" tabindex="1" target="_blank">Halaman Link </a><br/>
// pembuatan link dari help.html, tabindex= menentukan urutan link pada halaman web dengan memanfaatkan tombol tab 1, menampilkan halaman link dengan membuka jendela browser yang baru diman nilainya _blank atau kosong, ganti baris baru
<a href="http://www.akakom.ac.id/" tabindex="3" target="_parent">Web Akakom </a><br/>
// pembuatan link dari http://www.akakom.ac.id, tabindex= menentukan urutan link pada halaman web dengan memanfaatkan tombol tab 3, menampilkan halaman link dengan membuka jendela browser yang baru diman nilainya _parent, bernama Web Akakom ganti baris baru
<a href="http:// mailto:info@akakom.ac.id /" target="_self" tabindex="2">Kirimkan email jika ada pertanyaan </a><br/>
// pembuatan link dari http://serverstudent, tabindex= menentukan urutan link pada halaman web dengan memanfaatkan tombol tab 2, menampilkan halaman link dengan membuka jendela browser yang baru diman nilainya _self, bertuliskan Kirimkan email jika ada pertanyaan, ganti baris baru
</body> // penutup pembuatan tubuh pada html
</html> // penutup pembuatan html
Skrip link 5
<html> // pembuatan html
<head><title>link1</title></head>
// pembuatan judul pada html link1
<body> // tubuh pada html
<p>link gambar
// pembuatan paragraf baru berteks link gambar
ef="lin<a hr k1.html">
<img scr="exclams.jpg" width="32" height="32" />
// membuat gambar dimana nama berkasnya yang akan ditampilkan bg.jpg lebar gambar 32 dan tinggi gambar 32
</a>
</p>
<p>link gambar tanpa border
// membuat paragraf baru berteks link gambar tanpa border
<a href="help.html">
// pembuatan link yakni dari Link2.html
<img border="0" src="exclam.gif" width="32" height="32" />
// memberikan bingkai pada gambar 0 pada gambar yang akan dimainkan yaitu bernama exclam.gif dimana lebar 32 tinggi 32
</a> // penutup pembuatan link
</body> // penutup pembuatan body pada html
</html> // penutup pembuatan html
Praktek6.html
<html> // pembuatan html
<head><title> Suara </title><?head>
// judul Suara
<body>
jika anda ingin mendengarkan suara musik klik pada salah satu link berikut : <br/>
// pada tubuh html mempunyai teks jika anda ingin mendengarkan suara musik klik pada salah satu link berikut : , ganti baris baru
<a href="scale.mid"> lagu scale</a><br>
// membuat link dari scale.mid berteks lagu scale,
<a href="mid_alarm.wav"> suara enak</a><br>
// membuat link dari mid_alarm.mav berteks suara enak
</body>
</html>
Praktek7.html
<html> // pembuatan html
<head><title> halaman web di iringi </title></head>
// berjudul halaman web di iringi
<body>
selamat mendengarkan musik
<bgsound src="scale.mid" loop="3">
// pada tubuh html terdapat teks selamat mendengarkan musik;
bgsound yang berfungsi untuk memainkan suara sebagai latar belakang pada file bernama scale.mid yang akan dimainkan berulang sebanyak 3 kali
</body>
</html>
Praktek8.html
<html> // pembuatan html
<head><title> menonton video </title><?head>
// berjudul menonton video
<body>
selamat mendengarkan video ini
// pada tubuh html terdapat teks selamat mendengarkan video ini
<embed src="hand.avi" height="400" width="400" units="pixels" autostart="true" loop="false">
</embed>
// embded digunakan untuk memainkan berkas yang berupa suara ataupun film, dimana sumber berkas itu bernama hand.avi mempunyai tinggi video 400, lebar video 400, satuan untuk video adalah pixels, dan video akan dimainkan secara otomatis.
</body> // penutup pembuatan tubuh pada html
</html> // penutup pembuatan html
0 komentar:
Post a Comment