- Chapter 1: Cara Membuat Tulisan Bold, Italic, Larger, smaller, dan Struktur Dokumen Pada HTML.
- Chapter 2: Cara Membuat Headings (h1,h2,h3) dan Horizontal Ruled Lines Pada HTML.
- Chapter 3: Cara Membuat paragraph, Align Attribute, Line Break, dan Preformatted Text Pada HTML.
- Chapter 4: Cara Membuat Center Tag dan Body Attributes Pada HTML
- Chapter 5: Penulisan Font dan Text color di HTML
- Chapter 6: Cara Membuat Tag Links dan Images Pada HTML
- Chapter 7: Cara Membuat List Tulisan Pada HTML
![]() |
Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML |
Clean Code...
Clean code artinya adalah bahwa kodingan HTML Anda harus mengikuti semua spesifikasi. Jika Anda ingin mengetik suatu kode di halaman HTML, maka Anda harus membuat kode Anda menjadi Clean. Berikut adalah beberapa cara untuk menjaga kode Anda tetap clean:
- Jangan mengetik karakter khusus ke dalam kode Anda, Gunakan kode yang sudah Encode (dikonversi)... Banyak karakter yang mengharuskan Anda untuk dikonversi terlebih dahulu... Contohnya "<", ">", the "©", "&", dan tanda kutip itu sendiri ("). Biasanya clean code dimulai dengan tanda (&), &escape_code;. Dari 5 karakter tersebut, berikut adalah Escape Codenya...
- Untuk <, Escape Codenya : <
- Untuk >, Escape Codenya : >
- Untuk ©, Escape Codenya : ©
- Untuk &, Escape Codenya : &
- Untuk ", Escape Codenya : "
- Menggunakan tanda kutip di dalam nilai atribut.. Contohnya, Jika anda ingin membuat garis setengah dari layar, maka Anda lebih baik menggunakan kode <hr width="50%"> daripada <hr width=50%>, Atau jika Anda ingin membuat garis sebesar 5 pixel, maka lebih baik Anda menggunalan kode <hr size="5"> daripada <hr size=5>.
- Jangan membuat tumpang tindih tag... Tumpang Tindih yang dimaksud disini terjadi ketika Tag A dimulai, Tag B dimulai, Tag A ditutup, kemudian Tag B ditutup. Hal ini akan menyebabkan kesalahan dalam browser. Contoh:
- Kode yang SALAH (Overlaps):
<font size=+1><b>Ini adalah tulisan tebal dan ukuran font diperbesar sebanyak 1</font></b>
Kode yang BENAR (Tidak Overlap):
<font size=+1><b>Ini adalah tulisan tebal dan ukuran font diperbesar sebanyak 1</b></font> - Kode yang SALAH (Overlaps):
<a href="here.html"><i>Link ini memiliki style italic</a></i>
Kode yang BENAR (Tidak Overlap):
<a href="here.html"><i>Link ini memiliki style italic</i></a>
- Kode yang SALAH (Overlaps):
The Comment Tag...
Jika Anda menulis sebuah dokumen HTML, kadang-kadang Anda mungkin ingin membuat sebuah pengingat dalam kode HTML Anda, sehingga Anda dapat dengan mudah menemukan kode HTML tersebut. Tag Comment ini tidak akan muncul dalam browser web saat halaman ditampilkan. Comment tag hanya terlihat ketika source code dilihat. Anda bisa membuat Comment tag ini dengan <!-- dan ditutup dengan -->.