Cara Memasukkan Gambar yang Benar di HTML (Tag Gambar)
KOMPAS.com- HTML atau Hyper Text Markup Language adalah sebuah bahasa pemrograman terstruktur yang dikembangkan untuk membuat halaman website yang dapat diakses atau ditampilkan menggunakan Web Browser.
Sebagai bahasa markup, HTML membutuhkan sebuah fungsi atau tanda untuk memberi tahu Web Browser apa yang perlu atau tidak perlu dilakukan.
Tanda itu disebut dengan "Tag". Tag memiliki ciri-ciri ditulis di dalam "<....>".
Baca juga: Pengertian HTML, Tag, dan CSS
Penulisan tag pada HTML
Dilansir dari Buku Sakti Pemrograman Web (2017) oleh Didik Setiawan, kebanyakan tag dalam HTML ditulis secara berpasangan, yaitu tag pembuka dan penutup yang biasanya memiliki tanda "/" di dalam "<....>".
Contohnya:
<html>.......</html>
Tidak hanya itu, tag juga dapat berisi perintah memasukkan atau menambah gambar pada HTML.
Baca juga: 6 Macam Web Browser Beserta Kelebihannya
Cara menambah gambar
Selanjutnya adalah cara memasukkan gambar pada HTML.
Tag yang digunakan di sini ialah tag "<img>".
Di dalam tag ini dasarnya memerlukan sebuah atribut "src" atau bisa dianggap sebagai source, yaitu sumber yang ingin ditampilkan di halaman.
File gambar dapat berupa JPG, PNG dan yang lain selama masih berwujud sebuah gambar.
Cara penggunaannya, pastika file gambar atau foto berada di folder yang sama dengan file HTML.
Baca juga: Daftar Menu dan Fungsi Web Browser Internet Explorer
Kode pembuatan:
<!DOCTYPE html>
<html>
<head>
<title>Title dari Head</title>
</head>
<body>
<header>
Isi header
</header>
<img src = "(nama file)">
<footer> Isi footer </footer>
</body>
</html>
Baca juga: Web Browser: Pengertian, Fungsi, dan Contohnya
Cara mengatur tampilan gambar dalam HTML
Dilansir dari Buku Ajar Pemrograman Web (2022) oleh Sepriano, pada tutorial HTML dasar tentang gambar, kita telah mempelajari cara memasukkan gambar ke dalam HTML.
Dalam tutorial HTML, lanjutan ini…
Terkini Lainnya
Terpopuler
Now Trending
Mungkin Anda melewatkan ini
