Mulailah belajar coding dari materi paling mudah dipahami dan mempelajari dalam jumlah kecil dari tag-tag HTML paling dasar. Untuk selanjutnya lakukan "Learning by Doing" dan "Try and Error" atas source website. Tentu saja setelah Anda buat backup-nya.
J ika ingin tahu isi yang tersirat dari halaman website atau web blog , maka bagian paling mudah ditemukan adalah dokumen HTML. Isi HTML mencakup code HTML, CSS, Javascript. script jQuery dan berbagai script lain yang terintegrasi didalamnya. Dokumen HTML template – untuk platform blog blogspot (blogger) – misalnya, bisa dilihat dengan cara berikut :
- Masuk ke account Blogger Anda.
- Pilih menu Template > Edit HTML.
Jika ingin mengotak-atik isi dokumen blog, Anda mutlak harus mempelajari HTML tapi mungkin terasa menakutkan dan gamang. Mulai dari mana belajarnya?
Bagaimana memulai?
Mulailah dari materi paling mudah dipahami. Cara paling mudah adalah : Mulai mempelajari dalam jumlah kecil dari tag-tag HTML paling dasar. Seperti setiap paragraf atau alinea berada di antara tag pembuka paragraf <p> dan tag penutup paragraf </p>- <p> ISI PARAGRAF </p>
Singkat kata, kenali tag-tag yang paling sering Anda temui seperti tag-tag yang sering ada di bawah kotak komentar pada banyak website. Seperti di bawah ini :
- Allowed HTML tags :
<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><span>
Keterangan gambar tabel :
Kolom paling kiri : Berisi nama tag dan/ atau penjelasan tag
Kolom tengah : Contoh penulisan tag dalam dokumen HTML
Kolom paling kanan : Hasil tampilan yang terlihat pada halaman website (webpage)
Untuk informasi lebih lanjut lihat Spesifikasi HTML W3C atau gunakan mesin pencari favorit Anda untuk menemukan situs lain yang menjelaskan HTML.
Anda juga perlu mengenali karakter-karakter yang tidak lazim dan biasanya bisa langsung diketik tanpa masalah. Namun jika Anda menemui masalah, coba gunakan entitas karakter HTML.
Sebuah contoh umum seperti & untuk karakter ampersand &. Untuk mendapatkan daftar lengkap entitas, silahkan melihat halaman entities HTML. Beberapa karakter yang tersedia adalah :
Perhatikan! Setiap entitas karakter pada tabel diatas – diawali dengan “&” dan diakhiri dengan “;”
Untuk lebih memahami perhatikan elemen link berikut ini.
- Bentuk source HTML :<a href=”website-download.blogspot.com”>MENGENAL ENTITAS KARAKTER</a>
- Bentuk entitas karakter HTML : <a href=”website-download.blogspot.com”>MENGENAL ENTITAS KARAKTER</a>
- Di halaman website atau blog akan tampak text-link seperti berikut :
Happy blogging! Toward website design works.






0 comments:
Post a Comment