Friday, March 14, 2014
Gudang Receh - Apa jadinya sebuah website apabila tanpa gambar & link ?
Pasti hanya akan menjadi web statis yang sangat monoton. Melanjutkan posting sebelumnya tentang HTML dan juga masih bagian dari tugas kuliah, kali ini Gudang Receh akan membagi cara untuk menambahkan gambar, membuat link, dan membuat animasi teks sederhana menggunakan marquee.
Marquee
Marquee
Marquee adalah tag untuk membuat teks berjalan.
Contoh:
<html>
<head>
<title>Latihan Insert Image</title>
</head>
<body>
<marquee>Teks ini berjalan</marquee>
</body>
</html>
Hasil:
<marquee>Teks ini berjalan</marquee>Banyak atribut marquee yang bisa dicoba & apabila web builder anda adalah DreamWeaver.
Contoh:
<html>
<head>
<title>Latihan Insert Image</title>
</head>
<body>
<marquee>Teks ini berjalan</marquee>
</body>
</html>
Hasil:
Cara menambahkan gambar
Cara menambahkan gambar pada page HTML adalah dengan script:
<img src="image_URL" />Juga bisa di tambah dengan atribut "alt", "width", "height", dll.
Keterangan:
- image_URL adalah tempat dimana file terletak, jangan lupa tulis sampai ekstensinya juga, misal JPG/JPEG.
Contoh:
<html>Hasilnya akan seperti ini:
<head>
<title>Latihan Insert Image</title>
</head>
<body>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5MydPEOx8lPfUS0vxWBeJ7tGpje6jZUvcbtE-2Zf0td1hd1sscBHIMkstT_p6VDELDxpfcnkm_pjGFLsmonpPVBDSsqL1LMTkfnZEAmI9ysAqX3UOhwJL9OPUGyz9-UbkxF_kciibsSv/s1600/www1.gif" alt="gambar" width="558" height="350" />
</body>
</html>
Keterangan:
- Gambar diambil dari internet. Jadi jika anda mencoba script tersebut koneksi internet, gambar tidak bisa tampil.
Link
Link adalah yang menghubungkan antara suatu page ke page lainnya.
Cara membuat link:
<a href="http://adf.ly/dWxFV">Teks ini adalah link</a>Bisa juga ditambah dengan atribut "target", dll.
Contoh:
<html>Hasilnya akan seperti dibawah ini:
<head>
<title>Latihan Insert Image</title>
</head>
<body>
<a href="http://adf.ly/dWxFV" target="_blank">Teks ini adalah link</a>
</body>
</html>
Teks ini adalah link
Keterangan:
- "_blank" adalah untuk membuka link di jendela/tab baru.
Selamat mencoba dan happy coding.
Tags: html, link, image, marquee, insert, web, page, webpage, site, website,
Iptekini
