Multimedia: Menambahkan Video dan Audio
Sematkan berkas video dan audio di halaman web Anda
Multimedia: Menambahkan Video dan Audio adalah pelajaran HTML for Kids gratis di CoddyKit. Ini adalah pelajaran 4 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.
Gaya Sebaris: Menambahkan Gaya Sederhana ke HTML
Selamat datang di dunia pemberian gaya! Hari ini, kita akan mempelajari cara menggunakan gaya sebaris untuk mengubah tampilan elemen di halaman web. Gaya sebaris adalah cara sederhana dan cepat untuk membuat halaman Anda terlihat lebih baik.
Apa Itu Gaya Sebaris?
Gaya sebaris memungkinkan Anda menerapkan CSS (Cascading Style Sheets) secara langsung ke elemen HTML menggunakan atribut style.
Contoh:
<h1 style="color: red;">Hello, World!</h1>
Ini akan menampilkan heading berwarna merah. Mari kita pelajari cara kerjanya!
Mengubah Warna Teks
Anda dapat mengubah warna teks menggunakan properti color dalam atribut style.
Contoh:
<p style="color: blue;">This is blue text.</p>
Mengubah Ukuran Font
Untuk mengubah ukuran teks, gunakan properti font-size.
Contoh:
<p style="font-size: 20px;">This text is 20 pixels large.</p>Menambahkan Warna Latar Belakang
Anda dapat menambahkan warna latar belakang ke elemen menggunakan properti background-color.
Contoh:
<p style="background-color: yellow;">This text has a yellow background.</p>Menggabungkan Beberapa Gaya
Anda dapat menggabungkan beberapa gaya dengan memisahkannya menggunakan titik koma ;.
Contoh:
<p style="color: white; background-color: black; font-size: 18px;">
This text has multiple styles applied!
</p>Memberi Gaya pada Elemen Lain
Gaya sebaris dapat digunakan pada semua elemen HTML, seperti heading, paragraf, dan tombol.
Contoh:
<h1 style="color: green;">Styled Heading</h1>
<button style="background-color: lightblue; border: none; padding: 10px;">
Styled Button
</button>Coba Sendiri
Mari kita membuat halaman web dengan gaya sebaris. Berikut contohnya:
<!DOCTYPE html>
<html>
<head>
<title>Inline Styles Example</title>
</head>
<body>
<h1 style="color: purple;">Welcome to My Styled Page</h1>
<p style="color: gray; font-size: 16px;">
This paragraph has styled text.
</p>
<button style="background-color: coral; color: white; padding: 10px;">
Click Me!
</button>
</body>
</html>
Kerja Bagus!
Selamat! Anda telah mempelajari cara menggunakan gaya sebaris untuk menambahkan penataan sederhana dan efektif ke halaman web Anda. Gaya sebaris sangat berguna untuk membuat perubahan dengan cepat, tetapi masih banyak hal lain dalam penataan! Pada pelajaran berikutnya, kita akan mempelajari dasar-dasar CSS untuk memaksimalkan potensi desain web. Bersiaplah untuk membuat halaman web yang menakjubkan!
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 “Multimedia: Menambahkan Video dan Audio” gratis?
Ya — teks lengkap “Multimedia: Menambahkan Video dan Audio” 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 “Multimedia: Menambahkan Video dan Audio”?
Sematkan berkas video dan audio di halaman web Anda 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 4 dari 4.
Berapa lama pelajaran “Multimedia: Menambahkan Video dan Audio” 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