Scribd Logo
Unggah

Selamat datang di Scribd!

  • Membuat Hyperlink Dan Menampilkan Gambar PDF

    Diunggah oleh

    محمّد فتى الفتْح
    18 tayangan15 halaman

    Judul Asli

    Membuat_Hyperlink_dan_Menampilkan_Gambar.pdf

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    18 tayangan15 halaman

    Membuat Hyperlink Dan Menampilkan Gambar PDF

    Diunggah oleh

    محمّد فتى الفتْح

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 15

    Membuat Hyperlink dan

    Memasukkan Gambar
    dengan HTML

    Panduan Praktek : Web Design (5)


    Fakultas Ilmu Komunikasi
    Universitas Padjadjaran

    Oleh :
    Nuning Kurniasih, S.Sos., M.Hum.
    NIP : 19760625 200012 2 001
    nuningkurniasih@yahoo.com

    Sintaks dan Target untuk membuat Link


    <A HREF=File.htm target=_Self | _parent |blank>Objek
    Link /tombol </A>
    <A HREF=www.unpad.academia.edu/nuningkurniasih
    Target=_SELF | _parent |blank>Objek Link /tombol </A>
    Target yang digunakan untuk membuat Link :
    _SELF , digunakan untuk membuka link pada halaman
    sendiri.
    _BLANK , digunakan untuk membuka halaman baru pada
    browser.
    _PARENT , digunakan seperti _SELF
    _TOP , digunakan untuk menunjukkan halaman atas web.

    Contoh Script
    <HTML>
    <HEAD>
    <TITLE>Klik Link Berikut</TITLE>
    </HEAD>
    <BODY>
    <a href=www.nuningkurniasih.wix.com/ladangilmu
    target=_self>Knowledge for All</a>
    </Body>
    </HTML>

    Membuat Tombol Link dengan Gambar


    Gunakan Tag <A href=>
    Contoh Script :
    <HTML>
    <HEAD>
    <Title>Klik Gambar Berikut</Title>
    </Head>
    <Body>
    <a href=home.htm>
    <IMG SRC=C:\Users\Nuning Kurniasih\Pictures\UnpadLogo.JPG height=100%
    width25 boarder=0
    </a>
    <br>
    <a href= =C:\Users\Nuning Kurniasih\Pictures\UnpadLogo.JPG height=100% width25
    boarder=0
    </a>
    </Body>
    <HTML>

    Membuat Link Untuk Email


    Sintaks yang digunakan :
    <A href=mailto:alamatemail>Hubungi Kami</A>
    Contoh Script :
    <HTML>
    <HEAD>
    <TITLE>Contact Us</TITLE>
    </HEAD>
    <BODY>
    <a href=mailto:nuningkurniasih@yahoo.com>
    Contact Us
    </a>
    </BODY>
    </HTML>

    Membuat Link Bookmark


    - Untuk membuat link satu halaman dengan

    Bookmark gunakan :
    <A
    HREF=nama_bookmark>..pemicu/tombol</A>
    Atau
    <A NAME=nama_bookmark> </A>

    Contoh Script
    <HTML>
    <HEAD>
    <TITLE> Bookmark </TITLE>
    </HEAD>
    <BODY>
    <a href=#halaman_bawah>Klik Disini untuk Menuju ke Halaman Bawah</a> <br>
    <br><br><br><br>
    <br><br><br><br>
    <br><br><br><br>
    <br><br><br><br>
    <a name=Halaman_bawah> Halaman Bawah
    </a>
    </Body>
    </HTML>

    Membuat Link Bookmark ke Halaman Lain


    Contoh Script :
    <HTML>
    <HEAD>
    <TITLE>Bookmark Halaman Lain</TITLE>
    </HEAD>
    <BODY>
    <a href=Bookmark_ke_halaman_lain.htm#halaman_bawah> Klik
    Disini untuk Bookmark Halaman Lain
    </a> <br>
    </body>
    </HTML>

    Sintaks dan Atribut untuk Memasukkan Gambar


    Sintaks :
    <IMG SRC=file WIDTH=Value HEIGHTValue alt=Text>
    Atribut
    SCR : digunakan untuk melakukan pemanggilan gambar. Isikan nama file
    gambar yang akan digunakan untuk ditampilkan pada halaman
    web.
    WIDTH : Digunakan untuk mengatur lebar gambar dengan menggunakan
    hitungan persen (%) atau px (pixel).
    HEIGHT : Digunakan untuk mengatur tinggi gambar atribut dengan
    menggunakan hitungan persen (%)
    ALT : Digunakan untuk memberikan pesan saat mouse melewati area
    gambar.

    Atribut Pengaturan Gambar


    BOARDER : Digunakan untuk membuat boarder yang
    mengelilingi gambar. Nilainya 0-n
    Align : digunakan untuk mengatur tata letak gambar
    dengan nilai RIGHT, LEFT, CENTRE.
    Contoh Sintaks :
    <IMG SRC=file WIDTH=Value HEIGHTValue
    alt=Text boarder=Value
    align=left|Centre|right>

    Format Gambar
    JEPG (Joint Photographic Expert Group)
    2. GIF (Graphics Interchange Format)
    3. JPG
    4. BMP
    dll
    1.

    Contoh Script untuk Memasukkan Gambar


    <HTML>
    <HEAD>
    <TITLE>Logo Unpad</TITLE>
    </HEAD>
    <BODY>
    <IMG SRC=C:\Users\Nuning
    Kurniasih\Pictures\UnpadLogo.JPG height=100%
    width25 alt=Logo Unpad boarder=5 align=right>
    </BODY>
    </HTML>

    Meletakkan Gambar dalam Tabel


    Contoh Script :
    <HTML>
    <HEAD>
    <TITLE>Logo Unpad</TITLE>
    </HEAD>
    <BODY>
    <TABLE boarder=1>
    <TR>
    <TD> <IMG SRC=C:\Users\Nuning Kurniasih\Pictures\UnpadLogo.JPG height=100%
    width25>
    </TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>

    Meletakkan Gambar dalam Frame


    Contoh Script :
    <HTML>
    <HEAD>
    <TITLE>Logo Unpad</TITLE>
    </HEAD>
    <BODY>
    <TABLE boarder=5> CELLPADDING=10 CELLSPACING=10
    BGCOLOR=#00FFFF>
    <CAPTION ALIGN=BOTTOM>
    Logo Unpad
    </CAPTION> <TR>
    <TD>
    <TABLE BORDER=7 CELLPADDING=10 CELLSPACING=10 DGCOLOR=#FFFF33>
    <TR>
    <TD> <IMG SRC=C:\Users\Nuning Kurniasih\Pictures\UnpadLogo.JPG height=100% width25>
    </TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>

    Terimakasih

    Anda mungkin juga menyukai