DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

REFERENSI DAN DOKUMENTASI HTML - KODING

Referensi dan dokumentasi lengkap html dalam Bahasa indonesia. Belajar program html, dari developer untuk developer.

Chapter: Perkenalan

Apa itu HTML

HTML adalah kerangka dasar untuk mulai membuat website. Pelajari lebih lanjut apa itu HTML

Kenapa membuat website

Alasan kenapa penting dan menarik untuk kamu belajar membuat website? apa keunggulan dibanding aplikasi mobile?

Persiapan membuat website

Apa itu text editor? Persiapan apa saja yang dibutuhkan untuk menulis kode HTML dalam pembuatan website?

Belajar dan latihan

Yang akan kamu lihat di sini adalah referensi untuk membuat kamu familiar dengan teknologi HTML

Chapter: Elemen dan Tag HTML

Elemen HTML

Apa itu elemen HTML? Belajar bagaimana cara penulisan bahasa HTML untuk membuat website.

Apa itu tag HTML

Apa itu tag HTML? belajar bagaimana cara pola penulisan elemen elemen di HTML.

Menampilkan paragraf HTML

Apa itu tag P di HTML? belajar bagaimana cara membuat tulisan paragraf di HTML.

Memberi jarak HTML

Tag br dan pre pada HTML berguna sebagai pemberi jarak antar satu tulisan ke tulisan line. Nama br diambil dari kata break atau line break.

Format Text HTML

Mengubah format tulisan di HTML dari tulisan biasa menjadi punya berbagai gaya. Seperti tebal, miring, garis bawah, menjadi kecil dan lainnya

Menampilkan judul HTML

Apa itu tag Heading di HTML dan bagaimana cara menggunakannya. Heading umumnya digunakan sebagai judul dan subjudul

Membuat link HTML

Bagaimana cara menampilkan link pada HTML di situs kamu menggunakan tag a dan atribut href

Menampilkan daftar HTML

Daftar atau list bisa kita tampilkan di HTML dengan tiga cara berbeda, menggunakan tag ul, ol atau dt

Membuat tabel di HTML

Saat menampilkan data yang terstruktur biasanya kita menggunakan sebuah tabel yang terbagi ke baris dan kolom. Lihat caranya di HTML

Menampilkan quote di HTML

Ada beberapa cara untuk menampikan Quote atau kutipan di HTML, bisa dengan tag blockquote atau tag q

Menampilkan code di HTML

Untuk menampilkan sintaksis kode pada sebuah halaman seperti di halaman tutorial, gunakan tag code atau pre

Menampilkan waktu di HTML

Untuk menampilkan waktu dengan berbagai format, gunakan tag time pada HTML

Menampilkan detail di HTML

Menyembunyikan sebuah detail di atas rangkuman text, bisa menggunakan tag details-summary di HTML

Komentar di HTML

Komentar adalah baris kode yang tidak akan ditampilkan tapi digunakan untuk dibaca oleh manusia.

Chapter: Struktur Dasar HTML

Struktur dasar file HTML

Sekarang kita akan mempelajari struktur dasar sebuah file HTML yang sebenarnya

Tag head pada HTML

Tag head berisi informasi meta seperti judul dan deskiripsi. Serta informasi file lain seperti CSS dan script yang digunakan.

Tag body pada HTML

Tag body berisi semua struktur HTML yang akan kita tampilkan ada sebuah halaman

Menampilkan favicon pada HTML

Untuk membuat situs kamu unik, tambahkan favicon yang berguna sebagai icon situs seperti pada tab browser

Meta tag pada HTML

Ada banyak tag meta yang bisa digunakan untuk memberi informasi dari sebuah situs, seperti desc, title, gambar dll

Meta viewport pada HTML

Viewport adalah area pada sebuah situs yang dapat dilihat. Menggunakan meta viewport akan membantu kamu mengelola situs responsif

Meta charset UTF-8 pada HTML

UTF-8 adalah pengkodean karakter yang paling populer dan lazim digunakan saat ini, gunakan UTF-8 sebagai nilai meta charset

Chapter: Multimedia HTML

Multimedia HTML

Bukan hanya tulisan, HTML bisa menampilkan berbagai elemen media lain seperti gambar, video, audio hingga animasi

Menampilkan gambar HTML

Gunakan tag img untuk menampikan gambar di situs yang kamu buat dengan kode HTML

Menampilkan figur HTML

Gunakan tag figur untuk menampikan gambar, ilustrasi, diagram bahkan potongan kode di situs yang kamu buat dengan kode HTML

Memutar Audio di HTML

Kita bisa memutar dan memainkan audio dengan berbagai format di situs halaman dengan HTML untuk memberi suara.

Memutar Video di HTML

Kita bisa memutar dan memainkan video dengan berbagai format di situs halaman dengan HTML

Lokasi relatif media HTML

Untuk mengambil sebuah sumber media dari lokasi relatif tertentu, ketahui caranya di sini

Menggunakan Iframe di HTML

Menampilkan halaman dari situs lain di salah satu halaman yang kita punya bisa dengan tag Iframe

Chapter: Form (Formulir) HTML

Membuat Form di HTML

HTML Form digunakan untuk menerima input dari pengguna situs. Namun dibutuhkan sisi server untuk menerima datanya

Input text di HTML

Menerima masukan data tulisan atau text bisa dengan input text dari HTML

Label untuk form HTML

Setiap elemen form bisa diikuti dengan tag label yang berguna sebagai penanda dari elemen tersebut

Tombol Submit di HTML

Untuk mengirim data setelah selesai mengisinya, perlu sebuah tombol yang disebut tombol submit

Input password di HTML

Menerima masukan data password bisa dengan input password dari HTML agar tersembunyi

Input Number di HTML

Menyediakan input untuk user memasukkan data berupa angka di formulir HTML

Input Date di HTML

Mengenal input date untuk memasukkan tanggal di sebuah formulir pada situs dengan HTML

Input Datetime local di HTML

Mengenal input datetime local untuk memasukkan tanggal dan waktu di sebuah formulir pada situs dengan HTML

Select Option di HTML

Mengenal Select Option untuk memberi daftar pilihan yang memudahkan pengguna di sebuah formulir pada situs dengan HTML

Input Checkbox di HTML

Membuat daftar periksa alias centang yang bisa di aktif dan non aktifkan, bisa dengan checkbox di HTML

Input radio di HTML

Membuat tombol radio untuk menentukan sebuah pilihan di formulir bisa dengan radio button di HTML

Input Range di HTML

Memasukkan data dengan slider yang dapat digeser dengan menggunakan Input range di HTML

Input Hidden di HTML

Menyembunyikan sebuah input dari form yang berguna untuk diambil nilainya saja nanti dengan type hidden

Input Color di HTML

Membuat opsi pilihan warna yang bisa pengunjung situs kamu gunakan, bisa dengan input color

Input File di HTML

Mengunggah file atau media di halaman situs kamu bisa dengan input file pada HTML

Input Url di HTML

Untuk memasukkan data berupa URL ke sebuah formulir HTML, gunakan input dengan type URL

Input search di HTML

Untuk membuat sebuah form pencarian di sebuah situs HTML, gunakan input dengan type search

Input email di HTML

Untuk membuat sebuah form dengan input email di sebuah situs HTML, gunakan input dengan type email

Input image di HTML

Sebuah tombol bisa juga dibuat berupa gambar, dengan menggunakan input image di form HTML

Chapter: Atribut pada Form HTML

Atribut pada form HTML

Berbagai atribut yang ada pada form HTML yang digunakan untuk membantu penanganan data dari formulir yang dibuat.

Atribut Required di Input HTML

Jika ingin mewajibkan sebuah input untuk harus diisi sebelum mengirim form data di HTML kita harus menggunakan atribut required

Atribut readonly di Input HTML

Untuk mencegah pengguna situs mengubah nilai dari suatu input, gunakan atribut readonly pada input yang diinginkan.

Atribut name di Input HTML

Atribut name pada sebuah input HTML berguna sebagai nama penanda pada saat kita mengirim data ke server.

Atribut value di Input HTML

Atribut value pada sebuah input HTML berguna untuk memberi nilai awai kepada pengunjung.

Atribut for di Input HTML

Atribut for pada sebuah input HTML berguna untuk menyambungkannya dengan sebuah label.

Atribut list di Input HTML

Atribut list pada sebuah input HTML berguna untuk memberi pilihan ada user atau saran input.

Atribut disabled di Input HTML

Atribut disabled pada sebuah input HTML berguna untuk menonaktifkan sebuah input agar tidak bisa dimanipulasi.

Chapter: Non Semantic HTML

Non Semantik pada HTML

Non semantik elemen berarti elemen yang tidak bermakna apa-apa dan tidak punya tampilan otomatis khusus

DIV pada HTML

DIV bisa digunakan untuk mengelompokkan beberapa elemen HTML menjadi satu. Secara visual DIV tidak ada bedanya

Span pada HTML

Span bisa digunakan untuk mengapit satu elemen HTML atau mengelompokkan beberapa elemen HTML menjadi satu. Secara visual span tidak ada bedanya

Perbedaan elemen block dan inline

Ada istilah elemen block dan elemen inline di HTML. Apa perbedaan keduanya?

Chapter: Semantik HTML

Semantik pada HTML

semantik elemen pada HTML adalah elemen-elemen yang punya makna pada penandanya dan biasanya memliki tampilan otomatis

Struktur semantik pada HTML

Sejak HTML5, semakin banyak elemen semantik yang memudahkan kita membuat dan mengerti struktur dari sebuah halaman situs yang dibuat dengan HTML

Chapter: Karakter spesial HTML

Karakter khusus di HTML

Ada beberapa karakter khusus di HTML yang perlu kita ketahui cara menampilkannya

Karakter milik HTML

Karakter kurung lancing adalah bagian dari penulisan tag HTML, untuk menampilkannya sebagai text biasa perlu berhati-hati

Karakter entitas HTML

Karakter entitas adalah daftar karakter berupa nama dan nomor pada HTML yang bisa digunakan untuk menampikan text khusus

Chapter: Atribut pada HTML

Atribut id pada HTML

Atribut id pada HTML adalah atribut yang berguna untuk memberi tanda atau nama pada sebuah elemen secara unik

Atribut class pada HTML

Atribut class pada HTML adalah atribut yang berguna untuk memberi tanda kepada beberapa elemen agar bisa dihias atau diberi aksi

Chapter: Grafis HTML

Menggambar dengan SVG di HTML

SVG adalah elemen yang bisa digunakan untuk menggambar vector grafik pada sebuah halaman situs HTML dengan format XML.

Menggambar dengan Canvas di HTML

Canvas adalah elemen yang bisa digunakan untuk menggambar pada sebuah halaman situs HTML.

Pilih Canvas atau SVG di HTML

Kita bisa menggambar di HTMl dengan canvas atau SVG apa kelebihan dan kekurangan masing-masing