Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

4 Atribut Utama untuk Menyematkan Aplikasi Eksternal Menggunakan Tag Embed HTML
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].

Sintak:
<embed attributes>

Atribut: Tag embed berisi empat atribut yang diperlihatkan sebagai berikut:
  • 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.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Tag embed

</title>

 

<style>

{

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>


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>

Klik disini untuk ke <q>Blog Elfan</q>

 

<br>

 

<embed 

src="animProps02.swf" 

width="30px" 

height="30px">

 

<

href="https://elfanmauludi-tik.blogspot.com/">

BKTIK

</a>

</body>

 

</html>


Artikel ini didedikasikan kepada: Siti Romdonah, Tessa Ayu Novita, Wildan Pratama Bagaskara, Aditya Aji Pradana, dan Afifah Eva Nuriyah.

5 komentar untuk "Menyematkan Aplikasi Eksternal pada HTML Menggunakan Tag Embed"

  1. Kenapa saat saya membuat kode program yang ada pada artikel hasilnya tidak bisa dimunculkan pada browser?

    BalasHapus
    Balasan
    1. Jika 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

      Hapus
  2. Apakah saya bisa menautkan file XXX ke dalam dokumen html yang saya buat?

    BalasHapus
    Balasan
    1. Jika tipe ekstensi file nya sesuai dengan yang dipersyarakatkan pada kode HTML, maka bisa.

      Hapus
  3. Tag embed pada HTML digunakan untuk menyematkan aplikasi eksternal yang umumnya berupa koten multimedia ke dalam dokumen html baik secara statis ataupun secara dinamis.

    BalasHapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -