Apa itu grafik HTML?

Dalam bahasa Markup Hypertext (HTML), ada sejumlah 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 inline, meskipun ada metode lain mdash;seperti menggunakan bahasa skrip atau aplikasi web yang dikompilasi mdash;Itu dapat digunakan untuk mencapai hasil yang sama.Untuk grafik yang dihasilkan secara dinamis untuk grafik atau grafik, grafik vektor yang dapat diskalakan (SVG) dapat digunakan.Ada juga beberapa grafik HTML dasar yang didukung oleh spesifikasi bahasa dan tidak memerlukan file eksternal seperti garis horizontal dan peluru dalam daftar.Grafik HTML yang lebih kompleks dapat dicapai melalui penggunaan bahasa skrip, cascading style sheet (CSS) dan elemen kanvas HTML, memberikan opsi asli untuk beberapa efek yang sebelumnya hanya dimungkinkan melalui objek eksternal dan plug-in.Far, inline grafik HTML 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 dari kesederhanaan menggabungkan grafik sebaris dalam dokumen, mesin rendering di sebagian besar browser web dapat dengan mudah menempatkan grafik ke dalam tata letak halaman yang lebih kompleks tanpa format artefak.Salah satu komplikasi yang dapat terjadi dengan gambar sebaris adalah bahwa ukuran gambar mungkin perlu ditingkatkan agar sesuai dengan tampilan yang sangat besar atau kecil bila dilihat, berpotensi mengurangi kualitas gambar.

Grafik vektor yang dapat diskalakan adalah gaya HTML yang lebih kompleksGrafik.Gambar SVG ditarik dengan mendefinisikan bentuk, jalur, dan bobot garis dan ditarik dengan cepat saat pengguna melihat dokumen.Ini membuat SVG menjadi pilihan yang baik untuk menampilkan data dinamis seperti grafik atau grafik, tetapi membuat mereka sangat tidak praktis untuk digunakan untuk jenis grafik lain, seperti membangun 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 dimungkinkan untuk membuat di dalamBahasa 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 menanggapi input pengguna atau menyesuaikan grafik tergantung pada pengaturan browser web atau data lainnya.Membuat grafik HTML5, bagaimanapun, dapat menjadi prosedur kompleks yang dapat menghasilkan blok panjang kode skrip yang mungkin dijalankan dengan sangat lambat pada beberapa komputer atau perangkat.