Last Updated on February 15, 2023 by
Tag object adalah tag HTML dan digunakan untuk menampilkan multimedia seperti audio, video, gambar, PDF, dan Flash di halaman web. Tag ini juga dapat digunakan untuk menampilkan halaman web lain dalam halaman HTML.
Tag <param> juga digunakan bersama dengan tag ini untuk menentukan berbagai parameter. Teks apa pun yang ditulis di dalam tag object dan </object> dianggap sebagai teks alternatif yang muncul saat data yang ditentukan tidak didukung oleh browser.
Dalam artikel ini kita akan belajar HTML secara singkat apa itu Tag object dan sintaksnya. Tag ini mendukung semua atribut Global dan Peristiwa HTML.
Table of Contents
Tag Object Adalah Multimedia HTML
Tag Object adalah plugin HTML berupa elemen media yang dapat disematkan di halaman web dari sumber eksternal untuk menyediakan fungsionalitas tambahan.
Meskipun tag dan elemen HTML memberi Anda berbagai kemungkinan, ada beberapa hal yang tidak akan membantu Anda membuatnya. Hal-hal seperti audio, video, atau applet harus disematkan untuk sumber eksternal.
Plugin HTML dan Tag Object adalah multimedia HTML. Istilah ini mewakili semua media komunikasi. Objek yang disematkan membantu membuat desain yang mengesankan, menambah kedinamisan, dan menyediakan fungsionalitas tambahan. Semua opsi ini membantu Anda meningkatkan pengalaman pengguna. Anda dapat menyematkan media ke HTML menggunakan file atau alamat web.
Sintaks :
<object data="" type=""></object>
Tag Object adalah plugin yang dilengkapi atribut untuk menambah elemen HTML
Atribut yang terdapat pada Tag Object adalah sebagai berikut :
| Attribute | Value | Keterangan |
| data | URL | Ini menentukan alamat sumber daya. |
| type | content_type | Ini menentukan jenis konten sumber daya yang ditentukan oleh data. |
| archive | URL | Ini menentukan daftar URL yang dipisahkan ruang untuk arsip sumber daya untuk objek. (Tidak didukung di HTML5) . |
| border | pixels | Ini mengatur lebar perbatasan di sekitar <object> (Tidak didukung di HTML5) . |
| classid | URL | Ini menentukan URL untuk implementasi objek. (Tidak didukung di HTML5) . |
| codebase | URL | Ini menentukan jalur dasar tempat menemukan kode untuk objek. (Tidak didukung di HTML5) . |
| form | form_id It | menentukan elemen form yang diasosiasikan dengan elemen objek. |
| height | pixels | Ini menentukan ketinggian objek. |
| width | pixels | Ini menentukan lebar objek. |
| typemustmatch | boolean | Ini menentukan bahwa sumber daya harus disematkan jika atribut tipe cocok dengan tipe konten sebenarnya dari sumber daya yang disediakan pada atribut data. |
| name | name | Ini mendefinisikan nama untuk objek. |
Browser yang Didukung oleh Tag Object adalah :
- Google Chrome
- Edge 12
- Internet Explorer
- Firefox 1
- Opera
- Safari
Selain atribut di atas, Tag Object juga mendukung atribut global dan atribut event
Belajar HTML Dengan Tag Object dan Plugin Multimedia Yang Tepat
Elemen HTML Tag object adalah menentukan objek yang disematkan dalam dokumen. Itu dapat digunakan untuk menyematkan file multimedia atau halaman web lain dalam HTML:
Sintaks :
<object width="400" height="300" data="example.ex">
Contoh Tag Object Embed Video :
<!DOCTYPE html> <html> <head> <title>Object Tag</title> </head> <body> <h2>Contoh Object Tag</h2> <object height="315" width="560" data=" https://www.youtube.com/embed/6gAPHrOxwoY"></object> </body> </html>
Contoh Tag Object Gambar :
<!DOCTYPE html> <html> <head> <title>Object Tag</title> </head> <body> <h2>Contoh Object Tag</h2> <object height="250" width="500" data="circle.gif">Browser tidak mendukung</object> </body> </html>
Tag <embed> juga dapat digunakan untuk menentukan objek tersemat di dokumen web, sebagian besar plugin HTML dan aplikasi eksternal :
<embed width="400" height="300" src="example.ex">
Gambar juga termasuk multimedia, karena harus ditambahkan dari sumber eksternal. Untuk menyematkan gambar, tag HTML <img> adalah opsi termudah:
<img src="image.png" alt="image" width="50" height="50">
Untuk menambahkan video atau audio , Anda cukup menggunakan tag <audio> dan <video> :
<audio controls> <source src="bitdegree.org/learn/I_Cactus_-_05_-_ruby_cactus.mp3" type="audio/mpeg""> <p>Jika audio tidak mulai, maka <audio> Browser tidak mendukung</p> </audio>
<video controls width="400" height="300"> <source src="video-tag-example.mp4" type="video/mp4"> <source src="video-tag-sample.webm" type="video/webm"> <source src="video-tag-demo.ogg" type="video/ogg"> Browser tidak mendukung. </video>
Menggunakan tag HTML <video> berarti Anda tidak perlu menyematkan Flash dalam HTML, karena elemen HTML5 asli memiliki dukungan browser yang jauh lebih baik.
Format Audio dan Video HTML
Untuk menambahkan audio dan video ke situs web Anda, Anda perlu mengetahui format apa yang dapat Anda pilih. Lihat daftar format yang tersedia pada tabel di bawah ini.
- Format Audio
| Format | Tipe media |
| PCM | audio/wav |
| MP3 | audio/mpg |
| AAC | audio/mp4, audio/aac, audio/aacp |
| Vorbis | audio/ogg, audio/webm |
| Opus | audio/ogg, audio/webm |
| FLAC | audio/flac, audio/ogg |
- Format Video
| Format | Tipe media |
| Theora | video/ogg |
| H.264 | video/mp4 |
| HEVC | video/mp4 |
| VP8 | video/webm |
| VP9 | video/webm |
| AV1 | video/webm |
Tag Object Akhir
- Jangan sematkan file SWF dalam HTML, karena Shockwave Flash telah dihentikan . Saat ini, tag HTML5 asli didukung jauh lebih baik.
- Selalu pastikan untuk melihat plugin HTML Anda tidak memerlukan perangkat lunak khusus . Misalnya, banyak applet Java tidak lagi ditampilkan karena sebagian besar browser berhenti mendukung plugin NPAPI (Netscape Plugin Application Programming Interface).
Temukan lebih banyak artikel seri belajar HTML5 maupun bahasa pemrograman lainnya hanya di CODEKEY. Klik https://codekey.id/ sekarang juga untuk langsung belajar gratis. Sampai bertemu lagi!
Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.
