Search Header Logo
MEMASUKAN VIDEO KE WEBPAGE

MEMASUKAN VIDEO KE WEBPAGE

Assessment

Presentation

Computers

9th Grade

Practice Problem

Hard

Created by

dicky lmuda

Used 3+ times

FREE Resource

13 Slides • 10 Questions

1

MENYISIPKAN GAMBAR DALAM WEBPAGE

​PERTEMUAN KE-14 BELAJAR HTML DASAR

KELAS IX TAHUN AJARAN 2024/2025

by. Hendrikus Frederik Lewo Muda, S.Fil

SMP Santo Augustinus Ketapang

2

Yuk kerjakan latihan berikut ini untuk merefresh sejauh mana pemahaman kita tentang materi-materi yang telah kita pelajari pada pertemuan sebelumnya!

​APERSEPSI

3

Multiple Choice

Berikut merupakan bagian penting dari HTML, kecuali ...

1

Elemen

2

Content

3

Tag

4

Input

4

Multiple Choice

Bagian dalam penggalan kode berikut yang disebut sebagai tag penutup adalah ....
<p>mati satu tumbuh seribu</p>

1

<p>

2

<p>mati satu tumbuh seribu</p>

3

mati satu tumbuh seribu

4

</p>

5

Multiple Choice

Bagian dalam penggalan kode berikut yang disebut sebagai content adalah ...
<strong>rajin pangkal pandai</strong>

1

<strong>

2

<strong>rajin pangkal pandai</strong>

3

rajin pangkal pandai

4

</strong>

6

Multiple Choice

Untuk mendefinisikan judul menggunakan tag...

1

<head>

2

<body>

3

<footer>

4

<title>

7

Multiple Choice

Question image

Perhatikan hasil runout program web berikut!
Tulisan Air Tanah dan Air tanah di perkotaan menggunakan tag heading, yaitu ... dan ...

1

<title> dan <p>

2

<h1> dan <h2>

3

<h1> dan <p>

4

<title> dan <h1>

8

Multiple Choice

Penulisan DOCTYPE yang benar dalaman HTML 5 adalah ...

1

<html>

2

<DOCTYPE>

3

<!DOCTYPE HTML>

4

<!DOCTYPE HTML5>

9

Multiple Choice

Question image

Kesalahan penulisan ditemukan pada kode baris

1

(1) dan (2)

2

(8) dan (12)

3

(13) dan (16)

4

(17) dan (18)

10

Match

cocokan fungsi dan tag berikut ini!

Membuat judul utama artikel website

Menyisipkan gambar

Membuat huruf bold

Membuat baris baru

Menentukan alamat gambar yang dimasukan

<h1>

<image>

<b>

<br>

<src>

11

Multiple Choice

Question image

Jumlah paragraf pada kode HTML di bawah

1

4 paragraf

2

3 paragraf

3

2 paragraf

4

1paragraf

12

Multiple Choice

Question image

Jika ditampilkan pada browser

1
2
3
4

13

Mana yang lebih menarik?

media
media

14

  1. Macam-macam cara menambahkan video ke dokumen html

  2. Menghubungkan file video yang sudah diupload di medsos ke halaman website

Materi pembelajaranhari ini

media

15

media
media
media
media

Menghargai dan menghayati ajaran agama yang dianutnya.

Bertaqwa

Menghargai dan menghayati perilaku jujur, disiplin, tanggungjawab, peduli (toleransi, gotong royong), santun, percaya diri, dalam berinteraksi secara efektif dengan lingkungan sosial dan alam dalam jangkauan pergaulan dan keberadaannya.

BERPRILAKU BAIK

Memahami pengetahuan (faktual, konseptual, dan prosedural) berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni, budaya terkait fenomena dan kejadian tampak matay.

​​BERILMU

Mencoba, mengolah, dan menyaji dalam ranah konkret (menggunakan, mengurai, merangkai, memodifikasi, dan membuat) dan ranah abstrak (menulis, membaca, menghitung, menggambar, dan mengarang) sesuai dengan yang dipelajari di sekolah dan sumber lain yang sama dalam sudut pandang/teori.

BERKREASI

16

media

17

TUJUAN PEMBELAJARAN

  1. Menambahkan video dari computer dan youtube ke halaman website.

  2. Memanfaatkan halaman website untuk mendukung dan memublikasikan kegiatan-kegiatan di sekolah.

18

media
media
media

digunakan untuk menyematkan video ke halaman web tanpa bergantung pada plugin eksternal seperti Flash

<video>

​elemen HTML yang digunakan untuk menampilkan halaman web lain di dalam halaman web utama. Singkatan dari Inline Frame, tag iframe HTML ini memungkinkan pengguna untuk menyematkan konten eksternal seperti video, peta, dan halaman web lainnya ke dalam halaman web.

<iframe>

elemen HTML yang digunakan untuk menanamkan sumber daya eksternal seperti multimedia (audio, video), dokumen (PDF), dan plugin ke dalam halaman web.

​​<embed>

​TAG VIDEO DALAM HTML

19

tag <video>

Syarat

​ <video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

harus berada dalam satu folder dengan file html yang disisipkan

Susunan kode

20

tag <iframe>

Syarat

<iframe width="420" height="315"
src
="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

mengcopy alamat link youtube yang akan disisipkan

Susunan kode

21

tag <embed>

Syarat

akun medsos harus publik (tidak boleh di-private)

Susunan kode

22

​Upload screenshoot tampilan website kalian ke link berikut ini!

23

TUGAS MANDIRI!

catat link di bawah ini di buku pekerjaanmu dan kerjakan soal yang ada di link tersebut!
Batas waktu: Minggu, 20 Oktober 2024

pattern-tertiary

MENYISIPKAN GAMBAR DALAM WEBPAGE

​PERTEMUAN KE-14 BELAJAR HTML DASAR

KELAS IX TAHUN AJARAN 2024/2025

by. Hendrikus Frederik Lewo Muda, S.Fil

SMP Santo Augustinus Ketapang

Show answer

Auto Play

Slide 1 / 23

SLIDE