BAKJER

Setelah kita sebelumnya belajar 14 part untuk pembelajaran html dasar, di part ke 15 ini saya mau kita belajar sama-sama bagaimana membuat sebuah halaman web yaitu tepatnya web profile hanya dengan html saja. Meskipun tampilan dari website yang kita buat nanti sederhana, karena disini kita belum menggunakan css untuk styling website dan hanya menggunakan html saja. Karena saya mau kita memahami terlebih dahulu bagaimana menyusun layout web dengan menggunakan html. Tahap 1 - Pembuatan Desain Web Diawal kita perlu terlebih dahulu membuat sebuah desain untuk website yang nantinya akan kita pakai untuk merancang situs web kita. Tahap ini sangat kita perlukan, mengapa? Karena sudah barang tentu kita harus membuat desainnya dahulu agar saat nantinya proses ke tahap kodingnya kita tidak mengalami kebingungan untuk pengaplikasiannya. Berikut beberapa tampilan web desain yang yang akan kita buat. 1. Desain halaman home pertama kita akan mendesain tampilan untuk halaman home. di halaman home ini...

Mungkin selama ini kita belajar apa-apa saja tag di html, serta bagaimana cara penggunaannya sehingga dari tag yang dibuat tersebut terbentuklah istilah yang biasanya kita kenal dengan elemen html. Tapi pernahkah kamu mendengar istilah elemen semantik? Elemen semantik merupakan elemen yang telah ada atau hadir pada html tepatnya html versi yang ke-5. Tentunya di html 5 ada banyak fitur-fitur baru yang dihadirkan guna memperbaiki sistem yang telah ada di versi html sebelumnya. Kembali ke topik, sebenarnya apa yang dimaksud dengan elemen semantik? Apa itu elemen semantik pada html? Elemen semantik adalah elemen pada html dimana elemen tersebut menjelaskan makna atau tujuan daripada elemen tersebut dibuat dalam hal ini elemen khusus yang merujuk pada tag html. Dimana artinya elemen semantik merupakan elemen yang tersusun oleh tag khusus pada html, dimana tag khusus tersebut menjelaskan fungsi dan kegunaannya untuk dibuat dalam hal ini misalnya tag < header ></ header >. Tag he...

Salah satu tag html yang sering kali di implementasikan dalam proses pembuatan website ialah tag div. Tag ini mungkin pernah kita lihat saat melihat struktur kode dari website yang digunakan oleh orang lain. Tapi tahukah kamu apa yang dimaksud dengan tag div. Apa itu tag div? Tag div pada html merupakan sebuah tag html yang memiliki arti division(dalam bahasa inggris) atau divisi yaitu tempat untuk menampung elemen lainnya yang ada pada halaman web html. Apabila diartikan dengan lebih sederhana, tag div ini biasanya digunakan sebagai tag yang menjadi tempat (tag induk) atau wadah atau juga container untuk elemen lainnya yang berada didalam tag ini itu sendiri. Maksud dari tag yang menjadi tempat, wadah atau container-nya itu yang seperti apa? Maksudnya ialah tag ini itu menjadi elemen penampung yang mengelompokan beberapa bagian elemen html tersebut menjadi satu bagian elemen. Atribut pada tag div Atribut-atribut yang biasanya digunakan pada tag div adalah class , id , title d...

Apabila kita akan mengatur lebar dan tinggi sebuah elemen konten dengan css, kita dapat menggunakan properti di css yaitu width dan height. apa itu width dan height pada css? width dan height merupakan properti css yang biasanya digunakan dalam mengatur lebar dan tinggi dari sebuah konten elemen yang ada di dalam halaman website. Properti width dipakai untuk mengubah ukuran lebar elemen konten html. Berbeda dengan width, maka properti height digunakan mengatur ukuran tingginya. Nilai atau value yang digunakan dalam width dan height css Nilai yang digunakan untuk kedua properti css tersebut ialah 1. length  Nilai yang mempunyai satuan px(pixel) dan em 2. percent Nilai yang mempunyai satuan persentase (%) 3. auto  Nilai yang secara otomatis menghitung dan memilih lebar/tinggi untuk elemen 4. max-content mengatur secara maksimum lebar atau tinggi dari dalam konten 5. min-content mengatur lebar dan tinggi minimum dari dalam konten 6. available berisi lebar blok dikurangi margin ho...