Atribut HTML
Pahami cara menambahkan detail tambahan ke elemen menggunakan atribut
Atribut HTML adalah pelajaran HTML for Kids gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar HTML for Kids, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus HTML for Kids mencakup 4 pelajaran total.
Multimedia: Menambahkan Video dan Audio
Selamat datang di pelajaran berikutnya! Hari ini, kita akan mempelajari cara menambahkan video dan audio ke halaman web Anda. Multimedia membuat halaman Anda lebih interaktif dan menyenangkan!
Mengapa Menambahkan Multimedia?
Video dan audio dapat membuat halaman web Anda:
- Lebih menarik
- Informatif dan menyenangkan
- Interaktif
Mari kita pelajari cara menambahkannya menggunakan HTML!
Menambahkan Video
Video ditambahkan menggunakan tag <video>. Anda dapat menentukan berkas video menggunakan atribut src.
Contoh:
Dalam contoh ini:
src: Menentukan berkas video.controls: Menambahkan kontrol putar, jeda, dan volume.width: Menentukan lebar video.
<video src="example.mp4" controls width="400"></video>
Menambahkan Berbagai Format Video
Tidak semua peramban mendukung format video yang sama. Anda dapat menyertakan beberapa sumber menggunakan tag <source>.
Contoh:
<video controls width="400">
<source src="example.mp4" type="video/mp4">
<source src="example.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Menambahkan Audio
Audio ditambahkan menggunakan tag <audio>. Anda dapat menentukan berkas audio menggunakan atribut src.
Dalam contoh ini:
src: Menentukan berkas audio.controls: Menambahkan kontrol putar, jeda, dan volume.
<audio src="example.mp3" controls></audio>
Menambahkan Berbagai Format Audio
Sama seperti video, Anda dapat menyertakan beberapa sumber audio agar kompatibilitas dengan peramban lebih baik.
Contoh:
<audio controls>
<source src="example.mp3" type="audio/mpeg">
<source src="example.ogg" type="audio/ogg">
Your browser does not support the audio tag.
</audio>
Putar Otomatis dan Pengulangan
Anda dapat membuat video dan audio diputar otomatis atau diulang dengan menambahkan atribut autoplay dan loop.
Contoh:
Catatan: Putar otomatis mungkin dinonaktifkan di beberapa peramban demi kenyamanan pengguna.
<audio src="example.mp3" autoplay loop></audio>
Menyematkan Video YouTube
Anda dapat menyematkan video YouTube di halaman menggunakan tag <iframe>.
Contoh:
Ganti example dengan ID unik video.
<iframe width="560" height="315" src="https://www.youtube.com/embed/example" frameborder="0" allowfullscreen></iframe>
Kerja Bagus!
Selamat! Anda telah mempelajari cara menambahkan video, audio, dan bahkan sematan YouTube ke halaman web Anda. Multimedia membuat konten Anda lebih dinamis dan menarik. Pada pelajaran berikutnya, kita akan mendalami pemberian gaya dengan CSS agar halaman web Anda tampak menakjubkan. Bersiaplah menjelajahi dunia desain!
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 16
- Pelajaran
- 35
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Atribut HTML” gratis?
Ya — teks lengkap “Atribut HTML” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus HTML for Kids, upgrade ke CoddyKit PRO. Kursus HTML for Kids mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Atribut HTML”?
Pahami cara menambahkan detail tambahan ke elemen menggunakan atribut Kamu berlatih HTML for Kids dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai HTML for Kids?
Tidak diperlukan pengalaman sebelumnya. HTML for Kids di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.
Berapa lama pelajaran “Atribut HTML” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran HTML for Kids ini?
Ya. Setiap pelajaran HTML for Kids menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Tabel: Mengatur Data
- Formulir: Mengumpulkan Masukan Pengguna
- Atribut HTML
- Multimedia: Menambahkan Video dan Audio