Tahukah Anda bahwa setiap kali Anda membuat artikel di blogger sesungguhnya menggunakan kode HTML? Begitu juga ketika Anda sedang menampilkan banner yang berbaris teratur di blog, menu yang sedap dipandang mata, dan elemen-elemen lain yang Anda terapkan diblog semuanya menggunakan kode-kode HTML
Kemudian timbul pertanyaan, Apa sih kode HTML itu? Seberapa pentingkah kita memahami kode-kode HTML? dan seberapa sulitkah mempelajari kode HTML?
Awalnya saya juga merasa takut ketika melihat kode-kode HTML. Dalam benakku berpikir "bacanya aja bikin kepala pusing apalgi mempelajarinya". Tapi lama-kelamaan, semua hal yang saya takutkan tidak terjadi setelah saya memahami dan mempelajari sedikit demi sedikit arti dari kode-kode tersebut. Saya telusuri melalui google, ikut forum-forum blogger untuk memahami arti kode-kode tersebut.
Apa itu HTML?
HTML merupakan singkatan dari Hyper Text Markup Language. Dalam bahasa indonesianya berarti teks-teks yang telah di tandai (marking up) untuk diterapkan kedalam teks naskah ataupun gambar, sehingga dengan adanya kode HTML, teks yang telah kita buat atau gambar yang dipilih bisa kita tampilkan ke dalam World Wide Web (WWW).
HTML bermula dari bahasa yang sebelumnya banyak digunakan dalam dunia penerbitan atau percetakan yang di sebut SGML (Standard Generalized Markup Language), HTML banyak digunakan secara luas untuk menampilkan halaman web.
Seberapa pentingkah kita memahami kode-kode HTML untuk blog ?
Tergantung pemakai blogger, jika Anda ingin tampilan blog Anda biasa-biasa saja, mungkin kode-kode HTML tidak perlu dipelajari lebih jauh. Tapi bagi Anda yang ingin tampilan web atau blog Anda terlihat menarik, mungkin Anda perlu memahami kegunaan masing-masing kode tersebut, untuk mendapatkan hasil maksimal sesuai dengan keinginan dan rencana pengguna blog. Sebagai contoh, bisa Anda lihat background postingan di blog saya ini. Saya edit background dengan warna putih dan dilingkari dengan frame atau bingkai warna hitam. Karena warna bawaan dari template blog ini tidak sesuai selera :)
Dalam penggunaannya, sebagian besar kode HTML harus terletak diantara tag kontainer, yang diawali dengan <nama_tag> dan diakhiri dengan </nama_tag> (terdapat tanda "/", sebagai tanda akhiran), seperti : <body> ........ </body>
Pada dokumen HTML, terdapat 4 buah Tag utama yang membentuk struktur HTML, yaitu : <HTML>, <Head>, <Title> dan <Body>
- <HTML> : Sebagai tanda awal dari sebuah dokumen HTML. Didalam tag inilah seluruh kode-kode dokumen HTML diletakkan
- <Head> : Sebagai informasi page header. Didalam tag ini, Anda bisa meletakkan tag Header, isi index, link, base, script, style dan meta
- <Tittle> : sebagai judul dari sebuah halaman web. Kalimat yang terletak didalam tag ini, akan muncul pada bagian atas web Anda (pada title bar)
contoh : <title>Tutorial Umum : Pengertian HTML</title>
- <Body> : didalam tag ini, Anda bisa meletakkan berbagai page attribute sepeti attribut bgcolor (warna latar), background (latar belakang), text link, vlink (link yang sudah dikunjungi), width (lebar), high (ukuran tinggi) dsb
Untuk melihat contoh kode-kode HTML, coba anda kunjungi sebuah website, klik kanan pada halamannya, kemudian cari menu View Page Source
Seberapa pentingkah kita memahami kode-kode HTML untuk blog ?
Tergantung pemakai blogger, jika Anda ingin tampilan blog Anda biasa-biasa saja, mungkin kode-kode HTML tidak perlu dipelajari lebih jauh. Tapi bagi Anda yang ingin tampilan web atau blog Anda terlihat menarik, mungkin Anda perlu memahami kegunaan masing-masing kode tersebut, untuk mendapatkan hasil maksimal sesuai dengan keinginan dan rencana pengguna blog. Sebagai contoh, bisa Anda lihat background postingan di blog saya ini. Saya edit background dengan warna putih dan dilingkari dengan frame atau bingkai warna hitam. Karena warna bawaan dari template blog ini tidak sesuai selera :)
Dalam penggunaannya, sebagian besar kode HTML harus terletak diantara tag kontainer, yang diawali dengan <nama_tag> dan diakhiri dengan </nama_tag> (terdapat tanda "/", sebagai tanda akhiran), seperti : <body> ........ </body>
Pada dokumen HTML, terdapat 4 buah Tag utama yang membentuk struktur HTML, yaitu : <HTML>, <Head>, <Title> dan <Body>
- <HTML> : Sebagai tanda awal dari sebuah dokumen HTML. Didalam tag inilah seluruh kode-kode dokumen HTML diletakkan
- <Head> : Sebagai informasi page header. Didalam tag ini, Anda bisa meletakkan tag Header, isi index, link, base, script, style dan meta
- <Tittle> : sebagai judul dari sebuah halaman web. Kalimat yang terletak didalam tag ini, akan muncul pada bagian atas web Anda (pada title bar)
contoh : <title>Tutorial Umum : Pengertian HTML</title>
- <Body> : didalam tag ini, Anda bisa meletakkan berbagai page attribute sepeti attribut bgcolor (warna latar), background (latar belakang), text link, vlink (link yang sudah dikunjungi), width (lebar), high (ukuran tinggi) dsb
Gambar Struktur Dasar HTML
Untuk melihat contoh kode-kode HTML, coba anda kunjungi sebuah website, klik kanan pada halamannya, kemudian cari menu View Page Source
Tidak ada komentar:
Posting Komentar