HTML adalah lapisan dokumen web, yang menyediakan struktur dan konten yang diperlukan agar halaman web menjadi bermakna. Di sini, Anda dapat menemukan konten untuk HTML seperti kursus, artikel, koleksi, dan informasi penting lainnya untuk membantu Anda membangun pengetahuan tentang bagian penting dari web ini.
Baru mengenal HTML? Kami telah menyediakan kursus komprehensif untuk membantu Anda memulai.
Lihat kursus lain ini untuk mempelajari topik tertentu di HTML lebih dalam.
Pelajari fitur HTML terbaru yang baru tersedia di semua mesin browser utama.
Pelajari pola dan konsep HTML untuk membantu Anda membuat aplikasi web yang lebih mudah diakses.
Pelajari konsep dan pola berbasis HTML untuk mempercepat aplikasi web Anda.
Pelajari cara menggunakan Chrome DevTools untuk men-debug HTML dan DOM di aplikasi web Anda.
KURSUS

Jika Anda baru mengenal HTML, kami siap membantu. Kursus Pelajari HTML kami akan memandu Anda memahami dasar-dasar cara kerja HTML, seperti masalah struktural, metadata, semantik, dan topik lainnya untuk membantu Anda mengasah keterampilan.

Jika Anda tertarik untuk mempelajari HTML lebih lanjut, kursus lain ini akan mengajarkan topik lanjutan yang dapat Anda gunakan untuk meningkatkan kualitas aplikasi web.

Formulir HTML memberi pengguna kemampuan untuk memberikan input untuk aplikasi web Anda—dan kursus ini akan mengajarkan semua hal yang perlu Anda ketahui tentang cara menggunakannya secara efektif.
Meskipun gambar biasa digunakan di web, ada lebih banyak hal yang dapat dilakukan selain menggunakan elemen img. Kursus ini mengajarkan semua yang perlu Anda ketahui tentang cara menggunakan gambar di web.
Meskipun aksesibilitas mencakup semua bagian platform web, menulis HTML yang dapat diakses adalah dasar pembuatan aplikasi web yang dapat diakses. Kursus ini mengajarkan semua yang perlu Anda ketahui untuk menulis markup yang mudah diakses.

Sinyal Baseline kepada developer web saat fitur platform web dapat digunakan dengan aman di semua mesin browser utama. Berikut adalah beberapa fitur HTML yang kini tersedia sebagai Dasar Pengukuran.

Accordion eksklusif menjadi Dasar Pengukuran Baru tersedia pada September 2024.
Shadow DOM Deklaratif menjadi Dasar Pengukuran Baru tersedia pada Februari 2024.
Popover API menjadi Dasar Pengukuran Baru yang tersedia pada April 2024.
Atribut inert menjadi Dasar Pengukuran yang Baru tersedia pada April 2023.
Pemuatan lambat iframe menjadi Dasar Pengukuran yang Baru tersedia pada Desember 2023.

HTML adalah bagian mendasar dari pembuatan aplikasi web yang mudah diakses. Pada bagian ini, Anda akan menemukan artikel dan sumber daya untuk membantu Anda mempelajari lebih lanjut cara menggunakan HTML untuk membuat aplikasi web yang mudah diakses.

Dengan menggunakan elemen yang benar untuk judul dan penanda, Anda dapat meningkatkan pengalaman navigasi secara signifikan bagi pengguna teknologi pendukung.
Dengan menggunakan elemen HTML semantik yang benar, Anda mungkin dapat memenuhi sebagian besar atau semua kebutuhan akses keyboard. Artinya, Anda dapat menghemat waktu untuk mengelola tabindex, dan pengguna akan lebih puas.
Banyak pengguna dengan gangguan motorik sementara dan permanen mengandalkan pintasan keyboard untuk membuka aplikasi dengan lebih efisien. Memiliki strategi navigasi keyboard yang baik untuk aplikasi Anda akan menciptakan pengalaman yang lebih baik bagi semua orang.
Agar pembaca layar dapat menampilkan UI lisan kepada pengguna, elemen yang bermakna harus memiliki label atau alternatif teks yang tepat. Label atau alternatif teks memberi elemen nama yang dapat diakses, salah satu properti utama untuk mengekspresikan semantik elemen dalam hierarki aksesibilitas.

Cara Anda menggunakan HTML dapat memengaruhi performa aplikasi web. Di bagian ini, Anda akan menemukan artikel dan sumber daya untuk membantu Anda mempelajari lebih lanjut tentang cara menggunakan HTML untuk membuat aplikasi web Anda lebih cepat.

Pemindai pramuat browser adalah parser HTML khusus yang digunakan browser untuk menemukan resource lebih awal dari biasanya. Cari tahu bagaimana teknologi ini membantu performa aplikasi web, dan cara Anda dapat menghindarinya.
Fetch Priority API menggunakan atribut HTML fetchpriority untuk menunjukkan prioritas relatif resource ke browser. Data ini dapat memungkinkan pemuatan yang optimal dan meningkatkan Core Web Vitals.
Melakukan pramuat resource dengan teknik yang menggunakan elemen link HTML untuk memberi tahu browser agar mengambil resource sebelum diperlukan. Pelajari cara menggunakannya untuk meningkatkan performa aplikasi web Anda dalam panduan ini.
Lazy loading gambar adalah teknik yang efektif untuk menghemat bandwidth selama pemuatan awal halaman. Dalam panduan ini, Anda dapat mempelajari cara menggunakan loading HTML untuk memuat gambar secara lambat.

Chrome DevTools adalah serangkaian alat bagi developer untuk men-debug aplikasi web. Berikut adalah beberapa alat yang disarankan untuk Anda lihat guna membantu men-debug HTML dan DOM halaman di aplikasi web, serta konsep terkait lainnya.

DevTools menawarkan panel Elemen, yang memungkinkan Anda melihat, mengedit, dan men-debug DOM aplikasi web. Baca panduan ini untuk mulai menggunakan panel Elemen.
Panel Elements di DevTools memungkinkan Anda memproses perubahan pada DOM yang dipicu oleh JavaScript. Pelajari cara menggunakan fitur berguna ini untuk men-debug perubahan pada DOM aplikasi web Anda.
Panel Cakupan adalah alat yang berguna untuk menemukan kode CSS dan JavaScript yang tidak digunakan yang dimuat oleh HTML aplikasi web Anda. Panduan ini menunjukkan cara menggunakannya, dan cara meningkatkan performa aplikasi web Anda.