Materi Pembelajaran Jarak Jauh (DARING)

Mata Pelajaran : Pemograman Web dan Perangkat Bergerak

Kelas / Pertemuan : XI RPL / 3
Kompetensi Dasar :
3.3 Menerapkan format table pada halaman web
3.4 Menerapkan tampilan multimedia pada halaman web

4.3 Membuat Kode HTML untuk menampilkan table pada halaman web
4.4 Membuat Kode HTML untuk menampilkan tampilan format multimedia pada
halaman web

Materi:
Menampilkan Gambar Menggunakan HTML

Berikut ini merupakan contoh-contoh cara menampilkan gambar menggunakan

kode html. Untuk bahasan spesifik silahkan melihatnya pada modul.

Kode dasar / tag HTML untuk menampilkan Image / Gambar

Penambahan Atribut Height dan Width

Atribut height dan width digunakan untuk mengatur default tinggi dan lebar
gambar

Penambahan Atribut Alt

Atribut alt digunakan untuk memberi alternatif deskripsi gambar

Struktur paling sederhana tag image adalah seperti dibawah ini:

Hasil output :

Untuk menampilkan gambar dari internet juga prinsipnya sama Kita hanya perlu
mengganti nilai dari atribut src dengan mengcopy image address dari gambar
yang ingin ditampilkan
 Menampilkan Video Menggunakan HTML

Halaman web selain berisi teks, gambar, juga berisi Video.

Untuk menampilkan Video menggunakan kode HTML, kode dasarnya seperti
dibawah ini:

Atribut untuk Video

Tag <video> punya beberapa atribut yang bisa diberikan:

Contoh kode html untuk video :

 Menampilkan Tabel Menggunakan HTML

Ada beberapa tag yang harus diingat untuk membuat tabel di HTML:
1. Tag <table> untuk membungkus tabelnya
2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header

Materi lengkapnya bisa dilihat disini :

https://www.petanikode.com/html-tabel/

- Selamat Belajar -