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 kita akan membahas 2 buah atribut yang sering digunakan di dalam mengatur tampilan gambar HTML, yaitu atribut align dan atribut border.
Atribut align dapat diisi dengan beberapa nilai, yakni bottom, left, middle, right, dan top.
Sedangkan atribut border digunakan untuk menambahkan garis tepi (border) ke dalam gambar.
Nilai dari atribut ini adalah angka yang berisi ukuran lebar garis tepi dalam satuan pixel.
Contoh: border="5"
Itulah penjelasan mengenai cara memasukkan atau menambah gambar (tag gambar) pada HTML, beserta atribut gambar.
Baca juga: Perbedaan Internet, Intranet, dan Ekstranet beserta Fungsinya
Dapatkan update berita pilihan dan breaking news setiap hari dari Kompas.com. Mari bergabung di Grup Telegram "Kompas.com News Update", caranya klik link https://t.me/kompascomupdate, kemudian join. Anda harus install aplikasi Telegram terlebih dulu di ponsel.