this → Artikel Baru – ( Atrikel Lama ↓ )

Cara Menampilkan Gambar pada HTML

Sebelum melakukan latihan dimulai peserta didik persiapkan dua buah gambar berformat JPG atau GIF pada komputer. Selanjutnya, peserta didik mengubah nama file gambar tersebut menjadi gambarku2.jpg dan gambarku3.jpg atau juga bisa dengan tipe file yang lain namun dengan format nama file yang sama (gambarku2.gif dan gambarku3.gif). Setelah selesai letakkan kedua file gambar tersebut bersama dengan file latihan19.html dalam satu folder seperti diperlihatkan pada gambar 1.

menampilkan gambar pada laman html
Gambar 1 menampilkan gambar pada laman html

Jika selesai selanjutnya peserta didik akan melakukan praktik bagaimana cara menampilkan gambar pada laman html melalui urutan instruksi berikut ini:
satu, Jalankan Notepad.
dua, Ketik baris kode program berikut ini.

<html>

 

<head>

<title>

Menampilkan Gambar

</title>

</head>

 

<body>

 

<p>

Ini adalah sebuah gambar bernama gambarku2.jpg:</p>

<img src="gambarku2.jpg">

<br>

 

<p>

Ini adalah sebuah gambar bernama gambarku3.jpg:</p>

<img src="gambarku3.jpg">

<br>

 

</body>

</html>


tiga, Simpan dengan nama "latihan19.html".
empat, Jalankan file latihan19.html pada web browser.

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Apa fungsi tag IMG pada html?

    BalasHapus
    Balasan
    1. Tag IMG digunakan untuk menyematkan gambar pada laman html. Gambar tidak secara teknis dimasukkan ke dalam halaman web, melainkan gambar tersebut ditautkan ke laman web. Tag IMG membuat ruang yang bisa mempertahankan gambar sehingga muncul dalam referensi laman.

      Hapus
  3. Bagaimana cara mengatur peraataan gambar pada laman html?

    BalasHapus
    Balasan
    1. Atribuat ALIGN IMG digunakan untuk mengatur kesejajaran gambar, yang berada dalam elemen (inline). Atribut ini digunakan untuk menentukan perataan gambar sesuai dengan elemen sekitarnya.

      Hapus
  4. Apa yang dimaksud dengan SRC pada laman HTML?

    BalasHapus
    Balasan
    1. SRC adalah kepanjangan dari SOURCE atau sumber daya atau lokasi atau alamat dari sebuah gambar (namun juga bisa selain itu). Tujuan penggunaan atribut SRT HTML adalah untuk Menentukan URL file atau sumber daya eksternal yang akan digunakan sebagai referensi pada laman HTML. Elemen yang mendukung penggunaan atribut SRC adalah FRAME, IFRAME, IMG, INPUT dan SCRIPT.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

10 Aturan Utama Penggunaan Overriding pada Java

5 Cara Konversi Tipe Data pada Java

6 Aturan Penting Switch Statement pada Java

Perbedaan Antara int main() dan int main(void) pada Bahasa C

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java