Materi Pembelajaran HTML

HTML Introduction

Pelajari cara membangun struktur dan konten dasar dari sebuah halaman web menggunakan HyperText Markup Language.

Fondasi & Struktur Dasar

Mengenal HTML, elemen, atribut, dan kerangka wajib setiap halaman web.

Teks & Styling Dasar

Mempelajari cara memformat teks (tebal, miring, kutipan) dan pengenalan styling dasar.

Tautan, Gambar, & Media

Cara menghubungkan halaman menggunakan link dan menampilkan konten visual seperti gambar.

Struktur Konten Lanjutan

Menggunakan tabel, list, dan memahami konsep Div, Class, & Id untuk layouting.

Layout Semantik

Membangun struktur web modern yang bermakna menggunakan tag semantik HTML5.

Proyek HTML

Menggabungkan semua materi dalam proyek praktis: Iframe, JavaScript, dan elemen Head.

Membuat Mini Website Pribadi

Anda ditugaskan untuk membuat sebuah "Mini Website Pribadi" yang terdiri dari dua halaman: halaman Beranda dan halaman Kontak.

Mengumpulkan Input dari Pengguna

HTML Form adalah salah satu bagian paling interaktif dari sebuah website. Form digunakan untuk mengumpulkan input dari pengguna, seperti data registrasi, pesan kontak, atau kueri pencarian.
Form dibangun menggunakan tag < form > sebagai pembungkus dan berbagai macam elemen input di dalamnya.

100 Kartu Belajar Interaktif

Halaman web baru ini berisi 100 kartu belajar interaktif, mencakup topik yang jauh lebih luas, mulai dari tag-tag dasar hingga elemen-elemen yang lebih spesifik seperti form, media, dan tag semantik HTML5.

Kuis Interaktif HTML Dasar

Halaman ini akan memberikan umpan balik langsung setelah Anda memilih jawaban dan akan menampilkan skor akhir setelah semua pertanyaan selesai dijawab.

Praktikum Semester Gebap