3.28.2012

Menyisipkan Gambar & Link

Diposting oleh Chusny Fitriyanto di Rabu, Maret 28, 2012 Label:

  • 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.

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
Cool Blue Outer Glow Pointer
chusnyfitriyanto. Diberdayakan oleh Blogger.