Pada postingan kali ini saya akan share cara membuat link teks dan gambar. Oke langsung
saja kita cermati deskripsi/paparan berikut ini.!!
Membuat link teks.
1. Buat scipt html atau seperti ini dibawah ini.
Membuat link teks.
1. Buat scipt html atau seperti ini dibawah ini.
<html>
<head>
<title>link teks</title>
<body>
<h2>Belajar membuat link </h2>
<a href="http://www.dion-buton.blogspot.com/"tabindex="1"target="_blank">halaman blogq</a><br/>
<a href="http://www.google.com/"tabindex="3"target="_parent">halaman google</a><br/>
<a href="http://www.facebook.com/"target="_self"tabindex="3">halaman facebook</a>
</body>
</html>
2. Simpan dengan nama file linkteks.html
3. Jalankan script file linkteks.html tadi, maka hasilnya akan tampak seperti dibawah ini.
 |
| output |
Catatan.
Atribut link :
- tabindex : adalah menentukan urutan web pada halaman web dengan memanfaatkan tombol tab.
- target : adalah menampilkan halaman link dengan membuka jendela browser yang baru.
Atribut target:
- _blank : membuka link di jendela browser baru atau tab baru(tergantung browser yang dipakai).
- _self , _parent, _top, _nama, _denjela.
Membuat link gambar.
Disini saya akan membuat 2 script, script pertama adalah berisi gambar(link2.html) dan script kedua adalah untuk script utama(linkgambar.html).
perhatikan langkah-langkahnya.
1. Pilih/sediakan 2 gambar/foto (foto yang pertama dengan nama gambar.jpg, dan foto yang kedua dengan nama dion.jpg)
2. Simpan kedua gambar/foto tsb disatu folder dengan 2 script html yang akan mau dibuat.
3. Buat scipt pertama, dan simpan dengan nama file link2.html seperti dibawah ini.
<html>
<head>
<title>link2</title></head>
<body background="gambar.jpg">
</body>
</html>
<head>
<title>link2</title></head>
<body background="gambar.jpg">
</body>
</html>
4. Setelah script pertama(link2.html) selesai dibuat, kemudian buat lagi script kedua(script utama)
5. Seperti ini contoh script utamanya.
<html>
<head>
<title>link gambar</title></head>
<body>
<h2>Belajar membuat link gambar</h2><br/>
<p>link gambar, klik ini->
<a href="link2.html">
<img src="dion.jpg"width="32"height="32"/></a>
</p>
<p>link gambar tanpa border, klik ini->
<a href="link2.html">
<img border="0"src="dion.jpg"width="32"height="32"/></a>
</p>
<p>link gambar dengan border, klik ini->
<a href="link2.html">
<img border="5"src="dion.jpg"width="32"height="32"/></a>
</p>
</body>
<head>
<title>link gambar</title></head>
<body>
<h2>Belajar membuat link gambar</h2><br/>
<p>link gambar, klik ini->
<a href="link2.html">
<img src="dion.jpg"width="32"height="32"/></a>
</p>
<p>link gambar tanpa border, klik ini->
<a href="link2.html">
<img border="0"src="dion.jpg"width="32"height="32"/></a>
</p>
<p>link gambar dengan border, klik ini->
<a href="link2.html">
<img border="5"src="dion.jpg"width="32"height="32"/></a>
</p>
</body>
</html>
6. Simpan dengan nama file linkgambar.html, kemudian jalankan script tsb. maka akan tampak seperti ini.
 |
| output |
Catatan.
"Silahkan juga tambahkan atribut link,atribut target dan atribut warna link sesuai kemauan anda".
"Gambar/foto dan script yang telah dibuat sebaiknya disatukan dalam satu folder".
Atribut warna link (gunakan juga pada link teks.) :
- Link : adalah menentukan warna link
- Alink : adalah menentukan warna link ketika diklik dan halaman link belum terbuka.
- Vlink : adalah menentukan warna link jika link tersebut sudah pernah dibuka.
Atribut warna link (gunakan juga pada link teks.) :
- Link : adalah menentukan warna link
- Alink : adalah menentukan warna link ketika diklik dan halaman link belum terbuka.
- Vlink : adalah menentukan warna link jika link tersebut sudah pernah dibuka.
Tidak ada komentar:
Posting Komentar