Make your own free website on Tripod.com
Home
Biodata
HTML
Elemen dan Tag HTML
Memformat HTML (Bag.01)
Memformat HTML (Bag.02)
Table
Menyisipkan Gambar dan Link
E-Mail
Web Browser
Guest Book

Menyisipkan Gambar & Link

  • Menyisipkan Gambar

    Selain teks, halaman web juga dapat memuat gambar atau image. Terdapat beberapa jenis format gambar yang dapat digunakan pada halaman web, antara lain :
    • GIF (Grafical Interchange Format) >>(.gif)
    • JPEG (Joint Photographic Expert Image) >>(.jpg)
    • PNG (Portable Network Grafic) >>(.png)
    • BMP (Bitmap) >>(.bmp)
    Untuk menyisipkan suatu gambar dalam halaman web dapat dilakukan dengan menggunakan tag <IMG>. Tag tersebut memiliki elemen tambahan sebagai berikut :
    Elemen
    Atribut
    Keterangan
    SRC
    URL gambar
    Diisi dengan alamat yang menunjuk pada sumber file gambar
    ALT
    Teks
    Menentukan tulisan yang akan ditampilkan (biasanya ditempatkan antara tanda petik). Apabila browser tidak dapat menampilkan gambar untuk alasan tertentu
    ALIGN
    center | Justify | Left | Right | Baseline | Top | Bottom | Middle
    Top, Bottom, Middle digunakan untuk menentukan posisi image terhadap teks. Left, Right, Center untuk menentukan posisi image pada dokumen
    HEIGHT
    Angka
    Digunakan untuk menentukan ukuran tinggi image
    WIDTH
    Angka
    Digunakan untuk menentukan ukuran lebar image
    BORDER
    Angka
    Digunkan untuk memberikan bingkai pada image

    Terdapat dua cara untuk memuat gambar dalam web dengan menggunakan tag <IMG> :
    • Penggunaan Absolute Path, biasanya gambar diletakkan pada folder yang sama dengan halaman web, sehingga cukup dipanggil nama filenya saja, atau dapat berupa alamat dari suatu website.
      Contohnya :
      <img src="cat.jpg"
    • Penggunaan Relative Path, yaitu file gambar disimpan pada folder terpisah dengan halaman webnya.
      Contohnya :
      <img src="./image/cat.jpg">
    Penggunaan gambar dapat diletakkan dibagian mana saja dari suatu dokumen web, yang harus dilakukan hanya memanggil tag <IMG> dimana gambar tersebut akan dimunculkan.
    Namun, gambar juga dapat dijadikan background dari suatu halaman web. Tag yang digunakan untuk meenyisipkan gambar sebagai background adalah <BODY BACKGROUND="nama gambar extensinya">. Apabila background berupa warna maka dapat menggunakan tag <BODY BGCOLOR="warna">.

  • L I N K

    Link adalah suatu kemampuan yang dimiliki oleh halaman web. Link berfungsi untuk menghubungkan halaman-halaman web, situs yang lain atau bagian-bagian tertentu pada suatu halaman web. Tag <A>.....</A> digunakan untuk membentuk suatu link ke dokumen atau sumber yang akan dimuat ketika user melakukan klik pada link tersebut. Atribut yang digunakan pada tag <A> terdiri dari :

    Atribut
    Argumen
    Keterangan
    HREF
    URL / Halaman isi
    Diisi dengan nama halaman web atau nama URL yang akan di-link-kan
    NAME
    #namabagian
    Digunakan untuk link dalam satu dokumen web


    Selain menggunakan teks, link juga dapat dibuat dengan menggunakan image / gambar. Caranya adalah dengan mengkombinasikan antara tag <A> dan tag <IMG>.

    Contoh link yang berhubungan dengan suatu halaman atau alamat di WWW.

    <a href="mata_kuliah.html">Mata Kuliah</a>
    <p>
    Digunakan untuk menghubungkan halaman mata_kuliah pada suatu website.
    </p>
    <p>
    <a href="http://www.microsoft.com/">Link ke Microsoft</a>
    Link yang menghubungkan dengan suatu halaman di World Wide Web.
    </p>


    Untuk pemahamannya, saya menyarankan agar contoh tersebut dipraktekan.

Copyright © Atik Indah Widyaningsih
Bandung, Januari 2007
U N I K O M