Menyematkan Aplikasi Eksternal pada HTML Menggunakan Tag Embed
Tag embed pada HTML digunakan untuk menyematkan aplikasi eksternal yang umumnya berupa konten multimedia seperti audio atau video ke dalam dokumen HTML. Tag embed digunakan untuk menyematkan plug-in sama seperti penyematan animasi flash pada dokumen html. Tag embed merupakan tag baru pada HTML5 yang hanya memerlukan tag awalan dalam penggunaannya.
Sintak:
<embed attributes>
Atribut: Tag embed berisi empat atribut yang diperlihatkan sebagai berikut:
 |
| Ilustrasi Tag Embed HTML |
Sebelum memahami lebih dalam materi tentang Menyematkan Aplikasi Eksternal pada HTML Menggunakan Tag Embed, terlebih dahulu pelajari materi tentang: Membuat Daftar Deskripsi HTML Menggunakan Tag DT [klik], Membuat Daftar Deskripsi HTML Menggunakan Tag DL [klik], dan Membuat Teks Menjorok Menggunakan Tag Div HTML [klik].
<embed attributes>
- height: atribut ini berisi nilai dalam satuan pixel yang digunakan untuk menentukan ketinggian dari konten yang akan disematkan pada dokumen html.
- src: atribut ini digunakan untuk menyimpan alamat URL yang digunakan untuk menentukan alamat website dari konten yang akan disematkan pada dokumen html.
- width: atribut ini diatur dalam satuan pixel yang digunakan untuk menentukan lebar konten yang akan disematkan pada dokumen html.
- type: atribut ini berisi konten media_type yang digunakan untuk menentukan jenis media dari konten yang akan disematkan pada dokumen html.
Contoh: berikut adalah ilustrasi dari penggunaan tag embed pada dokumen html.
Contoh: menggunakan atribut width dan height pada tag embed.
<!DOCTYPE html>
<html>
<head>
<title>
Tag embed
</title>
<style>
q
{
color: #00cc00;
font-style: italic;}
</style>
</head>
<body>
<q>Blog Elfan</q> sedang loading.
<br>
<embed
src="loading2.swf"
type="application/x-shockwave-flash">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Tag embed
</title>
<style>
q {
color: #00cc00;
font-style: italic;}
</style>
</head>
<body>
Klik disini untuk ke <q>Blog Elfan</q>
<br>
<embed
src="animProps02.swf"
width="30px"
height="30px">
<a
href="https://elfanmauludi-tik.blogspot.com/">
BKTIK
</a>
</body>
</html>
Referensi Tambahan:
- 2 Contoh Cara Mengatur Ukuran Huruf Menggunakan Heading HTML [klik]
- 3 Contoh Program Penggunaan Tag Head pada HTML [klik]
- Cara Mudah Mengatur Heading Menggunakan Tag Hgroup HTML [klik]
- 2 Contoh Program Tujuan Penggunaan Tag HTML [klik]
- 2 Contoh Cara Menampilkan Teks dalam Format Miring pada HTML [klik]
- 9 Contoh Penggunaan Tag IMG untuk Menampilkan Gambar pada HTML [klik]
- 30 Value Utama Penggunaan Tag Input pada HTML [klik]
Artikel ini didedikasikan kepada: Siti Romdonah, Tessa Ayu Novita, Wildan Pratama Bagaskara, Aditya Aji Pradana, dan Afifah Eva Nuriyah.
Kenapa saat saya membuat kode program yang ada pada artikel hasilnya tidak bisa dimunculkan pada browser?
BalasHapusJika yang dipraktikkan adalah embed flash, maka akan muncul pesan peringatan yang menyatakan bahwa penggunaan flash sudah dinonaktifkan atau sejenisnya, karena memang produk dari flash sendiri yang sudah bangkrut. hohoho
HapusApakah saya bisa menautkan file XXX ke dalam dokumen html yang saya buat?
BalasHapusJika tipe ekstensi file nya sesuai dengan yang dipersyarakatkan pada kode HTML, maka bisa.
HapusTag embed pada HTML digunakan untuk menyematkan aplikasi eksternal yang umumnya berupa koten multimedia ke dalam dokumen html baik secara statis ataupun secara dinamis.
BalasHapus