- 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
- Chapter 8: Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML
- Chapter 9: Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document)
- Chapter 10: Cara Membuat Tag Tables di HTML
- Chapter 11: Cara Membuat Tag Frames (Bingkai) Pada HTML
- Chapter 12: Cara Membuat Meta Tags di HTML yang SEO Friendly
- Chapter 13: Cara Membuat Forms, Radio Button, dan Checkbox Pada HTML
- Chapter 14: Cara Membuat Pull Down, Scrolling List, dan Textarea Pada HTML
- Chapter 15: Cara Membuat dan mengkonfigurasi Gambar Animasi Pada HTML
 |
| Chapter 16:Tips and Trick dalam Penulisan HTML |
Menghindari kesalahan dalam HTML
- Anda tidak harus menggunakan "Klik di sini" untuk menunjuk ke suatu dokumen atau halaman lain. Lebih baik jika teks link sebenarnya ada hubungannya dengan konten. Hal ini juga membuat bookmark/hotlink bekerja jauh lebih baik.
- Pastikan bahwa semua grafik dan gambar pada halaman Anda memiliki tag alt untuk digunakan oleh orang-orang yang browsing tanpa ada grafis di laptopnya. Pastikan bahwa pengunjung bisa untuk membaca gambar anda di semua browser.
- Cobalah untuk menggunakan tag tertentu pada browser yang hanya diperlukan pada situs-web Anda dan mencoba untuk memberikan alternatif untuk browser yang tidak mendukung tag ini (misalnya pastikan untuk memberikan pilihan noframes bagi orang-orang yang browsernya tidak compatible dengan frame.)
- Jangan membebani halaman Anda dengan grafis dan gambar beresolusi tinggi. Jika Anda tetap perlu menggunakannya untuk meningkatkan tampilan halaman Anda, maka Anda harus mengurangi ukuran grafis yang Anda gunakan sebanyak mungkin
- Terakhir, pakailah browser yang update, browser dengan integritas tinggi seperti mozilla dan google chrome.
- Menggunakan background yang kuat untuk halaman yang berisi banyak teks. Sebuah background yang kuat merupakan pilihan yang baik untuk halaman web Anda. Itu memberikan kemudahan dalam membaca bagi pengunjung website Anda dan tidak mengalihkan perhatian dari fokus utama halaman Anda, terutama pada tulisan Anda! Bila menggunakan background yang kuat, pastikan untuk menggunakan warna komplementer untuk teks Anda. Misalnya, teks biru muda tidak menonjol baik pada background putih.
- Bila menggunakan frame, selalu menentukan TARGET dari "_top" untuk link yang masuk dari situs Anda. Dengan begitu pengunjung Anda tidak akan terjebak di salah satu frame Anda.
- Bila menggunakan peta gambar, sediakan link teks di bawah peta juga. Selain itu, ingat untuk membuat peta gambar grafis Anda sekecil (dalam hal ukuran file) mungkin.
- Gunakan atribut "height" dan "width" didalam tag "img" ketika menampilkan gambar, sehingga pengguna tidak perlu menunggu gambar sebelum mereka melihat teks di bagian bawah pada halaman.
- Sertakan beberapa cara bagi pengunjung untuk menghubungi Anda, yaitu alamat email atau form feedback.
- Membuat artikel yang original!