Agar dapat menulis kode HTML dengan efektif, maka kita memerlukan program yang dapat membantu kita dalam menulis kode-kode HTML, sehingga kita tidak perlu mengingat satu-persatu kode HTML, dan hasil dari pengetikan dapat segera dilihat, semua ini di dapat dengan menggunakan program code editor yang bernama Brackets, program ini dibuat oleh team Adobe dan dapat di download secara gratis. Pada bagian ini siswa akan diajarkan cara melakukan install program brackets dan melakukan instalasi program tambahan yang sangat berguna dalam mempercepat menulis kode HTML

HTML 5 memiliki struktur dasar yang berbeda dengan format HTML sebelumnya, pada bagian ini akan dijelaskan Tag struktur dasar HTML 5. Dengan menggunakan struktur dasar File HTML 5 akan membuat dokumen kita dapat lebih terstruktur terhadap isi dari masing-masing section sehingga program search engine akan dapat lebih mudah dalam melakukan index. Tentu saja bila search engine mendapatkan lebih banyak data maka secara otomatis akan meningkatkan peringkat SEO (Search Engine Optimization) web yang kita buat.

Terdapat 3 cara dalam menambahkan aturan CSS (Character Style Sheet), pada praktek ini akan dibahas lokasi penempatan CSS yang paling Efektif, pembahasan yang lain adalah penggunaan 3 macam Selector (HTML Tag, Class dan ID) serta contoh praktek dalam menggunakan font

Di dalam CSS kita dapat menggunakan jumlah warna yang sangat besar selama kita mengerti cara format penulisan warna yang benar, pada praktek ini siswa akan diajarkan format dasar penulisan kode warna, tempat yang dapat dijadikan referensi dalam memilih warna serta pada prakteknya siswa akan mulai diajarkan memilih warna untuk layout web yang akan kita buat

Mengatur tata letak halaman web merupakan salah satu hal yang utama dalam penggunaan CSS, pada praktek ini akan dijelaskan konsep pengertian box model dari standart tag HTML, kemudian dilanjutkan mengatur border, margin, padding dan melakukan reset standard setting CSS.

Di dalam menggunakan File CSS, kita sering menggunakan pengelompokan suatu area, misalnya group header, article, footer, selain menggunakan tag-tag standar HTML 5 untuk melakukan pengelompokan diperlukan tag DIV,

Di dalam menampilkan file HTML umumnya disertai dengan gambar agar penampilan web dapat tampak lebih baik, cara menyisipkan gambar/image terdapat 2 cara yaitu langsung menggunakan tag HTML img atau menggunakan teknik CSS, pada praktek ini akan dijelaskan perbedaan dan caranya

Dalam penyajiaan data yang berbentuk daftar atau list banyak menggunakan tabel, maka pada materi ini akan dibahas secara khusus cara menggunakan tabel di HTML 5 dan menggunakan CSS untuk merubah tampilan tabel menjadi lebih menarik.

Form adalah tempat dimana user yang melihat web dapat memberikan input / masukkan data, hal ini yang membedakan komunikasi di dalam web dengan media lain seperti televisi / radio , dengan menggunakan form user dapat memberikan input berbagai macam jenis data, pada kesempatan ini akan diberikan dasar penulisan suatu form

Pada praktek sebelumnya, telah dijelaskan langkah dasar membuat form, pada praktek ini akan dijelaskan secara lebih detil beberapa objek form yang dapat memudahkan user dalam memberikan data sehingga dapat lebih cepat dan efisien.