Tugas DOM 1

HTML

1. Struktur HTML Dasar

Tugas: Buat struktur HTML lengkap yang terdiri dari:

  • <!DOCTYPE html>

  • <html>

  • <head>

  • <title> dengan judul "Latihan HTML Dasar"

  • <body>


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)


3. Teks Formatting

Tugas: Buat sebuah paragraf yang di dalamnya terdapat:

  • teks bold

  • teks italic

  • teks bergaris bawah


4. List (Daftar)

Tugas: Buat:

  • 1 Ordered List berisi 3 langkah belajar HTML

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


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

CSS Dasar

1. Selector Dasar

HTML:

Tugas:

  • Ubah warna teks h1

  • Ubah ukuran font paragraf

  • Gunakan selector id dan class


2. Warna & Background

Tugas: Buat sebuah <div> lalu:

  • Lebar: 300px

  • Tinggi: 150px

  • Background warna bebas

  • Warna teks putih


3. Font & Text Styling

Tugas: Buat paragraf yang memiliki:

  • Font-family bebas

  • Teks rata tengah

  • Huruf kapital semua


4. Box Model

Tugas: Buat <div> dan atur:

  • margin

  • padding

  • border

Tampilkan perbedaan antara margin dan padding secara visual.

DOM JavaScript

Latihan 1

Perhatikan HTML berikut:

Tugas:

  • Saat tombol di klik

  • Ambil elemen <h1>

  • Ubah teksnya menjadi "Belajar DOM"

Latihan 2

HTML:

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

Latihan 3

HTML:

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

  • Item A

  • Item B

Last updated