Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Menentukan URL File HTML Menggunakan Atribut Data

Dipublikasikan Oleh: elfanmauludi 5 komentar
Digunakan untuk menentukan URL dari file embed pada object. Atribut ini dapat digunakan dengan elemen <object> pada dokumen 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, Penggunaan Atribut Content HTML dan Fungsinya, dan Menggabungkan Kolom HTML Menggunakan Atribut Colspan.

Sintak: <object data="URL">

Value atribut: mengandung nilai URL tunggal yang digunakan untuk menentukan sumber dari object.

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMOv86EzJB-YO3vIoHkM88nYRMr_T11MNPQLkIjm77HNXqyLy_lSHDI9qWqOr1Ep6l1YWVIZpiAeHbmmiehKZ9fICM-IRgJK7ExOspK1CM28fyntRxBTEsaosGixKTp0zEHthBmdTrVo/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


Blog Elfan

Artikel ini didedikasikan kepada: Ramadhan Bimo Sasono Hadi, Regina Fonita, Renata Kania Novando, Rizatun Aisyah, dan Sofyan Nur Rokhim.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Menentukan URL File HTML Menggunakan Atribut Data"

  1. AnonimSenin, 26 Juli 2021 pukul 17.44.00 WIB

    Apa yang dimaksud dengan object pada dokumen html?

    BalasHapus
    Balasan
    1. AnonimSenin, 26 Juli 2021 pukul 17.44.00 WIB

      Object 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.

      Hapus
    2. AnonimSenin, 26 Juli 2021 pukul 17.44.00 WIB

      Catatan: Untuk dapat menyematkan gambar, sebaiknya gunakan tag IMG. Sedangkan untuk menyematkan HTML, sebaiknya gunakan tag < iframe >.

      Hapus
  2. AnonimSenin, 26 Juli 2021 pukul 17.48.00 WIB

    Bagaimana cara menampilkan object JSON pada HTML?

    BalasHapus
    Balasan
    1. AnonimSenin, 26 Juli 2021 pukul 17.48.00 WIB

      Beberapa tahapan yang dapat dilakukan untuk menampilkan object JSON pada html adalah:

      Tahap 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.

      Hapus

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 -