Menentukan URL File HTML Menggunakan Atribut Data
Digunakan untuk menentukan URL dari file embed pada object. Atribut ini dapat digunakan dengan elemen <object> pada dokumen HTML.
Sintak:
<object data="URL">
Value atribut: mengandung nilai URL tunggal yang digunakan untuk menentukan sumber dari object.
 |
| Ilustrasi Atribut Data HTML |
Sebelum memahami lebih dalam materi tentang Menentukan URL File HTML Menggunakan Atribut Data, terlebih dahulu pelajari materi tentang: Mengedit Konten HTML Menggunakan Atribut Contenteditable [klik], Penggunaan Atribut Content HTML dan Fungsinya [klik], dan Menggabungkan Kolom HTML Menggunakan Atribut Colspan [klik].
<object data="URL">
Baca Juga:
Nilai yang mungkin untuk URL adalah:
- URL absolut : yang menunju ke website lain.
- URL relatif: yang menuju ke file dalam sebuah website.
Contoh: ilustrasi penggunaan atribut data.
<!DOCTYPE html>
<html>
<head>
<title>
HTML atribut data
</title>
</head>
<body>
<center>
<h1>
HTML Atribut Data
</h1>
</center>
<br>
<object
data=
"https://3.bp.blogspot.com/-xt7aSJ_ULTc/YKiLDQwvGDI/AAAAAAAANvg/sGe_rRQpkBI1JlAQ_p3zT0skNK8PhpT4ACK4BGAYYCw/w84-h84-p-k-no-nu/964d6513-5fb5-479e-b018-c0af234fddca.jpg"
width="550px"
height="150px">
Blog Elfan
</object>
</body>
</html>
Output:HTML Atribut Data
Referensi Tambahan:
- 7 Contoh Program Penerapan Atribut Disabled pada HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Draggable pada HTML [klik]
- Cara Membuat Data Drag and Drop pada Atribut Dropzone HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Enctype pada HTML [klik]
- 9 Elemen yang dapat Diterapkan Atribut Form HTML [klik]
- 2 Contoh Program Penggunaan Atribut For pada HTML [klik]
- 6 Cara Penerapan Atribut Height pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Ramadhan Bimo Sasono Hadi, Regina Fonita, Renata Kania Novando, Rizatun Aisyah, dan Sofyan Nur Rokhim.
Apa yang dimaksud dengan object pada dokumen html?
BalasHapusObject pada HTML mendefiniskan wadah untuk sumber daya eksternal pada dokumen HTML. Sumber daya eksternal tersebut dapat berupa halaman web, gambar, pemutar media, atau aplikasi plug-in lainnya.
HapusCatatan: Untuk dapat menyematkan gambar, sebaiknya gunakan tag IMG. Sedangkan untuk menyematkan HTML, sebaiknya gunakan tag < iframe >.
HapusBagaimana cara menampilkan object JSON pada HTML?
BalasHapusBeberapa tahapan yang dapat dilakukan untuk menampilkan object JSON pada html adalah:
HapusTahap 1- Dapatkan elemen div dari bagian body html. Ingat posisi div tersebut dengan id myData dari index.
Tahap 2 - Ulangi setiap object pada object JSON tersebut dengan membuat looping sederhana.
Tahap 3 - Tambahkan setiap object ke halaman HTML.