Belajar HTML dari Nol: Cara Menambahkan Gambar dan Video ke Halaman Web #6

 


Pada bagian sebelumnya, kita sudah membahas dasar-dasar HTML dan bagaimana membuat halaman web sederhana. Sekarang, kita akan membahas tentang cara menambahkan gambar dan video ke halaman web.

Untuk menambahkan gambar, kita dapat menggunakan tag <img> yang memiliki atribut src untuk menentukan URL gambar. Contoh penggunaan tag <img> adalah seperti ini:

<img src="URL_GAMBAR" alt="Penjelasan Gambar">

Atribut alt digunakan untuk menyediakan deskripsi gambar bagi pengguna yang mengalami masalah dengan pemuatan gambar.

Sementara untuk menambahkan video, kita dapat menggunakan tag <video> yang memiliki atribut src untuk menentukan URL video. Contoh penggunaan tag <video> adalah seperti ini:

<video src="URL_VIDEO" controls>

Atribut controls memungkinkan pengguna untuk memainkan, mempause, dan mengontrol volume video.

Dengan mengetahui bagaimana menambahkan gambar dan video ke halaman web, kita sudah bisa membuat halaman web yang lebih menarik dan interaktif. Bagian berikutnya kita akan membahas tentang bagaimana menata halaman web dengan menggunakan CSS.

 

Untuk menambahkan gambar dan video ke halaman web, Anda dapat menggunakan tag HTML berikut:

Untuk gambar:

 

Contoh:

 


Untuk video:


Perhatikan bahwa atribut "width" dan "height" dapat disesuaikan sesuai kebutuhan dan "URL video" dan "URL gambar" harus diganti dengan URL yang sesuai. Teks alternatif yang ditulis dalam atribut "alt" akan ditampilkan jika gambar tidak bisa dimuat.
 

 

Posting Komentar

0 Komentar