Apa Itu Grafik HTML?

Dalam HyperText Markup Language ( HTML ), ada beberapa cara untuk menampilkan dan membuat grafik dalam dokumen HTML. Jenis grafik HTML yang paling banyak digunakan adalah gambar yang ditempatkan langsung di halaman HTML, yang disebut gambar sebaris, meskipun ada metode lain — seperti menggunakan bahasa skrip atau aplikasi web yang dikompilasi — yang dapat digunakan untuk mencapai hasil yang sama. Untuk grafik yang dihasilkan secara dinamis untuk bagan atau grafik, grafik vektor scalable (SVG) dapat digunakan. Ada juga beberapa grafik HTML dasar yang didukung oleh spesifikasi bahasa dan tidak memerlukan file eksternal seperti garis horizontal dan poin dalam daftar. Grafik HTML yang lebih kompleks dapat dicapai melalui penggunaan bahasa scripting, cascading style sheets ( CSS ) dan unsur kanvas HTML, memberikan opsi asli untuk beberapa efek yang sebelumnya hanya dimungkinkan melalui objek eksternal dan plug-in.

Dalam HyperText Markup Language (HTML), ada beberapa cara untuk menampilkan dan membuat grafik dalam dokumen HTML.

Sejauh ini, grafik HTML sebaris adalah cara yang paling banyak digunakan dan paling sederhana untuk menempatkan gambar dalam dokumen HTML. Ini pada dasarnya melibatkan pembuatan gambar dalam editor gambar, menyimpannya ke format file yang umum digunakan , dan kemudian menentukan nama dan lokasi file gambar dalam dokumen HTML dengan tag IMG. Selain kesederhanaan menggabungkan grafik sebaris dalam dokumen, mesin rendering di sebagian besar browser web dapat dengan mudah menempatkan grafik ke tata letak halaman yang lebih kompleks tanpa artefak pemformatan. Salah satu komplikasi yang dapat terjadi dengan gambar sebaris adalah bahwa ukuran gambar mungkin perlu diskalakan agar sesuai dengan tampilan yang sangat besar atau kecil saat dilihat, yang berpotensi mengurangi kualitas gambar.

Grafik vektor yang dapat diskalakan adalah gaya grafik HTML yang lebih kompleks. Gambar SVG digambar dengan mendefinisikan bentuk, jalur dan bobot garis dan digambar dengan cepat saat pengguna melihat dokumen. Hal ini membuat SVG menjadi pilihan yang baik untuk menampilkan data dinamis seperti bagan atau grafik, tetapi hal ini membuatnya sangat tidak praktis untuk digunakan pada jenis grafik lainnya, seperti membuat gambar fotorealistik. Untuk grafik HTML sederhana, dan dalam situasi di mana file gambar eksternal tidak dapat dimuat, SVG mungkin merupakan opsi yang layak.

Dengan pengembangan standar bahasa HTML versi 5 (HTML5), grafik HTML dinamis dapat dibuat dalam bahasa HTML dasar. Ini dilakukan dengan menggambar langsung ke permukaan khusus yang dikenal sebagai kanvas dalam dokumen HTML. Dengan menggunakan JavaScript® dan CSS, metode ini dapat membuat animasi atau game yang dapat merespon input pengguna atau menyesuaikan grafik tergantung pada pengaturan browser web atau data lainnya. Namun, membuat grafik HTML5 dapat menjadi prosedur kompleks yang dapat menghasilkan blok kode skrip yang panjang yang mungkin dijalankan dengan sangat lambat pada beberapa komputer atau perangkat.

Related Posts