Scribd Logo
Unggah

Selamat datang di Scribd!

  • Jobbsheet Image

    Diunggah oleh

    noerhida yatisj
    8 tayangan3 halaman
    desain grafis

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOC, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    desain grafis

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan3 halaman

    Jobbsheet Image

    Diunggah oleh

    noerhida yatisj
    desain grafis

    Hak Cipta:

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

    Image HTML

    Tag <img> dan Atribut Src

    Dalam HTML, Image (gambar) didefinisikan dengan tag <img>. Tag <img> kosong, yang berarti bahwa itu hanya beris
    menampilkan sebuah gambar pada halaman web, Anda perlu menggunakan atribut src. Src singkatan dari "source". Nila
    ditampilkan.

    Sintaks untuk mendefinisikan gambar :

    <img src="url" alt="beberapa_text"/>

    URL menunjuk ke lokasi di mana gambar disimpan. Browser akan menampilkan gambar di mana tag <img> ada dalam
    paragraf, browser menunjukkan paragraf pertama, kemudian gambar, dan kemudian paragraf kedua.

    Atribut Alt

    Atribut alt diperlukan untuk menentukan sebuah teks alternatif sebuah gambar, jika gambar tidak dapat ditampilkan. Ni

    <img src="kapal.gif" alt="kapal besar" />

    Atribut alt menyediakan alternatif informasi bagi gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya (k
    atau jika penggunamenggunakan pembaca layar).

    Mengatur Tinggi dan Lebar dari suatu Gambar

    Atribut height dan width digunakan untuk menentukan tinggi dan lebar dari suatu gambar. Nilai atribut ditetapkan secar

    <img src="mimbar.jpg" alt="Mimbar batu" width="304"


    height="228" />

    Penggunaan Tag <Div Align> Untuk Format Tata Letak Objek


    Selain penggunaan tag <Body Background> dan tag <Img Src> tadi diatas, kita akan gunakan tag <Div Align> untuk menga
    digunakan untuk mengatur format tata letak objek gambar, juga bisa digunakan untuk mengatur format tata letak objek text a
    website.

    Tag <Div Align> ini digunakan untuk membagi-bagi dokumen yang ada pada HTML dalam suatu hierarki yang terstruktur. Na
    diformat sesuai dengan nilai atribut ALIGN yang ada dalam tag DIV tadi.

    Ada beberapa perataan objek yang bisa dilakukan dengan tag <Div Align> ini, yaitu :

    <Div Align=”left”> Untuk perataan kiri

    <Div Align=”center”> Untuk perataan tengah


    <Div Align=”right”> Untuk perataan kanan

    Contoh Image HTML

    Bagaimana cara menyisipkan gambar ke dalam dokumen HTML?


    Sekarang buka notepad Anda kemudian salin kode HTML dibawah ini :

    <html>
    <body>

    <p>Sebuah gambar dari folder images:</p>


    <img src="images/chrome.jpg" alt="Google Chrome" width="125"
    height="125" />

    </body>
    </html>

    Link HTML
    Link dapat ditemukan di hampir semua halaman web. Link memungkinkan pengguna untuk mengklik mereka dari hala
    halaman web atau bagian lain dalam web.

    HTML Hyperlink (Link)

    Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokum
    ke suatu link di halaman web, tanda panah akan berubah menjadi tangan kecil. Dalam HTML link ditentukan dengan m

     Untuk membuat link ke dokumen lain, dengan menggunakan atribut href


     Untuk membuat bookmark dalam dokumen, dengan menggunakan nama atribut.

    Sintaks Link HTML

    Kode HTML untuk link sederhana. Terlihat seperti berikut ini:

    <a href="url">Teks link</a>

    Atribut href menentukan tujuan link. Contoh :

    <a href="http://www.google.com/">Kunjungi situs


    google</a>

    yang akan menampilkan seperti ini : Kunjungi situs google . Dengan mengklik hyperlink ini maka akan mengirim pengg
    gambar atau elemen HTML lainnya.
    Contoh Link HTML

    Bagaimana cara membuat link dalam dokumen HTML?


    Sekarang buka notepad Anda kemudian salin kode HTML dibawah ini :

    <html>
    <body>

    <p>
    <a href="http://www.google.com/">Ini adalah sebuah link</a> dan
    apabila link tersebut diklik maka akan diarahkan ke situs web google.
    </p>

    </body>
    </html>

    Contoh:

    1. link-utama.html

    <html> <head> <title> Halaman Utama </title> </head>


    <body> <h2> Ini adalah halaman utama.</h2>
    <ul> <li><a href=utama.html”>Klik, ke halaman utama.</a></li>
    <li><a href=”link-satu.html”>Klik, ke halaman satu.</a></li> <li>
    <a href=”link-dua.html”>Klik, ke halaman dua.</a></li> <ul>
    </body> </html>

    2. nama link-satu.html

    <html> <head> <title> Halaman Satu </title> </head>

    <body> <h2> Ini adalah halaman utama.</h2>

    <ul> <li><a href=”link-utama.html”>Klik, ke halaman utama.</a></li>

    <li><a href=”link-satu.html”>Klik, ke halaman satu.</a></li>

    <li><a href=”link-dua.html”>Klik, ke halaman dua.</a></li> <ul> </body> </html>

    3. link-dua.html
    <html> <head> <title> Halaman Dua </title> </head>
    <body> <h2> Ini adalah halaman utama.</h2>
    <ul> <li><a href=”link-utama.html”>Klik, ke halaman utama.</a></li>
    <li><a href=”link-satu.html”>Klik, ke halaman satu.</a></li>
    <li><a href=”link-dua.html”>Klik, ke halaman dua.</a></li> </ul>
    </body> </html>

    Anda mungkin juga menyukai