#8 HTML – Image

Cara menambahkan image atau elemen gambar pada html menggunakan tag <img> tanpa tag penutup, selain itu tag <img> memiliki attribute penting antara lain src dan alt. Attribute src menunjukan darimana file diambil dan alt / alternate merupakan teks yg akan dimunculkan ketika image gagal untuk ditampilkan.

 <!DOCTYPE html>
<html>

<head>
    <title>Belajar HTML</title>
</head>

<body>

    <img src="home.jpg" alt="ini gambar rumah">

</body>

</html>

Membuat image menjadi link

Untuk menjadikan image menjadi link dengan cara memasukan tag img kedalam tag anchor/ <a>.

<!DOCTYPE html>
<html>

<head>
    <title>Belajar HTML</title>
</head>

<body>

    <a href="https://www.google.com">
        <img src="home.jpg" alt="ini gambar rumah">
    </a>

</body>

</html>

Tinggalkan sebuah komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *