search

Tugas DOM 1

hashtag
HTML

hashtag
1. Struktur HTML Dasar

Tugas: Buat struktur HTML lengkap yang terdiri dari:

  • <!DOCTYPE html>

  • <html>

  • <head>

  • <title> dengan judul "Latihan HTML Dasar"

  • <body>

hashtag
2. Heading dan Paragraf

Tugas: Di dalam <body>:

  • Buat 1 heading utama (h1) dengan teks "Belajar HTML"

  • Buat 2 paragraf (p) yang menjelaskan apa itu HTML (bebas isinya)

hashtag
3. Teks Formatting

Tugas: Buat sebuah paragraf yang di dalamnya terdapat:

  • teks bold

  • teks italic

  • teks bergaris bawah

hashtag
4. List (Daftar)

Tugas: Buat:

  • 1 Ordered List berisi 3 langkah belajar HTML

  • 1 Unordered List berisi 3 tag HTML yang sudah kamu ketahui

hashtag
5. Link

Tugas: Buat link menuju website https://www.google.comarrow-up-right Teks link: "Kunjungi Google"

hashtag
CSS Dasar

hashtag
1. Selector Dasar

HTML:

Tugas:

  • Ubah warna teks h1

  • Ubah ukuran font paragraf

  • Gunakan selector id dan class

hashtag
2. Warna & Background

Tugas: Buat sebuah <div> lalu:

  • Lebar: 300px

  • Tinggi: 150px

  • Background warna bebas

  • Warna teks putih

hashtag
3. Font & Text Styling

Tugas: Buat paragraf yang memiliki:

  • Font-family bebas

  • Teks rata tengah

  • Huruf kapital semua

hashtag
4. Box Model

Tugas: Buat <div> dan atur:

  • margin

  • padding

  • border

Tampilkan perbedaan antara margin dan padding secara visual.

hashtag
DOM JavaScript

hashtag
Latihan 1

Perhatikan HTML berikut:

Tugas:

  • Saat tombol di klik

  • Ambil elemen <h1>

  • Ubah teksnya menjadi "Belajar DOM"

hashtag
Latihan 2

HTML:

Tugas: Saat tombol diklik, ubah teks tombol menjadi "Sudah diklik".

hashtag
Latihan 3

HTML:

Tugas: Ambil semua elemen dengan class item, lalu ubah teksnya menjadi:

  • Item A

  • Item B

PreviousSoal UKK 2026NextSemester Ganjil

Last updated