Cara Menampilkan Gambar di HTML ~ Seripu

Hallo sobat seripu setelah menjelaskan Tag Pada HTML saya akan melanjutkanya dengan menerapkan beberapa tag, khususnya tag yang berfungsi untuk menampilkan gambar, ok langsung saja simak dibawah ini :

Cara Menampilkan Gambar di HTML

1. Buka editor yang biasa kalian pakai
2. Tulisankan script seperti dibawah :

<html>
    <head>
        <title>Menampilkan Gambar di HTML</title>
    </head>
    <body>
        <center>
        <h1>Script Menampilkan Gambar di HTML</h1>
        <img src="menampilkan_pada_HTML_seripublog.jpg" width="412" height="276">
        </center>

    </body>
</html>

Penjelasan:
tulisan berwarna biru berarti nama dari gambar yang ingin kalian tampilkan (jangan lupa format gambar harus di sertakan)
tulisan berwarna merah itu berfungsi untuk mengatur ukuran gambar sesuka kalian

3. Gambar harus satu folder dengan index htmlnya seperti ini

jika kalian ingin membuat folder tersendiri untuk gambar, misalkan kalian membuat folder "image" kalian harus merubah link seperti berikut :

<img src="image/menampilkan_pada_HTML_seripublog.jpg" width="412" height="276">
Update :

Link img src di luar folder

sobat tinggal menambahkan "../" (tanpa tanda kutip) contohnya :
<img src="../menampilkan_pada_HTML_seripublog.jpg" width="412" height="276">
ini untuk 1 tingkat diluar folder jika 2 tingkat seperti ini :
<img src="../../menampilkan_pada_HTML_seripublog.jpg" width="412" height="276">
dan seterusnya...

4. Nah berikut tampilan dari langkah di atas :

Ok sekian tutorial kali ini, semoga bermanfaat bagi anda :)

Seripu