- 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
 |
| Cara Membuat dan mengkonfigurasi Gambar Animasi Pada HTML |
Gambar Animasi
Gambar dengan format GIF bisa dibuat untuk membuat sebuah gambar animasi. Untuk spesifik formatnya adalah GIF89a.
Membuat animasi GIF benar-benar sangat mudah. Anda hanya perlu membuat GIF kecil untuk setiap frame animasi Anda.
Ini adalah contoh gambar animasi:
Tips and Tricks
Beberapa tips untuk membuat gambar lebih friendly:
- Membuat gambar kecil (dalam hal ukuran file). Ukuran gambar yang besar membutuhkan waktu lama untuk men-download dan menampilkannya, dan itu sangat mengganggu sekali bagi pengguna dengan koneksi internet yang lambat.
- Ketika memasukkan gambar ke halaman HTML Anda, gunakan atribut width dan height, contoh:
<img src="myimage.gif" width="150" height="50">
Hal ini karena browser menampilkan teks terlebih dahulu pada halaman, sebelum gambar telah selesai didownload, itu memungkinkan pengunjung untuk membaca teks, dan memberi kesan bahwa beban halaman sangat cepat.