Membuat blog sekarang ini memang sangatlah mudah, bahkan untuk orang yang tidak mengerti sama sekali bahasa pemrograman yang digunakan untuk blog tersebut (umumnya HTML dan PHP). Semua sudah ready for use, siap digunakan, tanpa harus sedikitpun menuliskan kode. Namun, ada kalanya kita memerlukan sedikit pemahaman kode-kode yang sering digunakan, misalnya untuk membuat tampilan blog kita berbeda.
Sebagai bahan pembelajaran untuk aku pribadi, aku sengaja mendokumentasikan beberapa kode HTML dasar yang biasa digunakan dalam sebuah blog. Kode-kode ini aku peroleh dari berbagai sumber di internet.
Aku mencoba mengelompokkan kode-kode HTML ini berdasarkan fungsinya. Pada tahap awal ini, aku menuliskan kode-kode Tag Dasar HTML.
Tag <!DOCTYPE>
Definisi dan Penggunaan :
Deklarasi doctype ini mestinya merupakan hal pertama dalam dokumen HTML, sebelum tag <html>.
Deklarasi doctype mengacu pada definisi tipe dokumen (Document Type Definition/DTD). DTD menentukan aturan untuk markup language, sehingga browser dapat merender konten dengan benar.
Tag <html>
Tag <html> memberitahukan browser bahwa dokumen ini sebuah dokumen HTML. Elemen html merupakan elemen utama dalam dokuen HTML dan XHTML. Elemen html juga dikenal sebagai elemen dasar.
Tag <body>
The body element defines the document's body.
Elemen body berisi semua konten dari sebuah dokumen HTML, seperti teks, hyperlinks, gambar, tabel, daftar, dsb.
Tag <h1> sampai <h6>
Tag <h1> sampai <h6> digunakan untuk mendefinisikan heading pada HTML. <h1> mendefinisikan heading terbesar sedangkan <h6> mendefinisikan heading terkecil.
Tag <p>
Tag <p> mendefinisikan sebuah paragraf. Elemen p secara otomatis membuat beberapa space sebelum dan setelahnya. Spasi dapat secara otomatis diaplikasikan oleh browser, atau bisa juga kita tentukan terlebih dahulu lewat style sheet (CSS).
Tag <br>
Tag <br> berfungsi untuk memasukkan baris baru. Tag <br> merupakan tag kosong, artinya tag ini tidak memiliki tag akhir.
Tag <hr>
Tag <hr> menciptakan sebuah garis horisontal dalam sebuah halaman HTML. Elemen hr dapat digunakan untuk memisahkan komten dalam halaman HTML.
Tag <>
Tag <> (tag komentar) digunakan untuk memasukkan komentar dalam source code. Komentar tersebut akan dilewatkan oleh browser (tidak tampil di browser). Komentar ini dapat digunakan untuk menjelaskan kode kita, yang dapat membantu saat kita mengedit source code tersebut di kemudian hari.
Kita juga dapat menyimpan informasi spesifikasi program di dalam komentar. Dalam kasus ini, mereka tidak akan terlihat oleh pengguna, namun masih tetap tersedia untuk program tersebut. Praktek yang bagusnya adalah untuk mengomentari teks di dalam script dan elemen style untuk mencegah browser lama, yang tidak support dengan scripting atau style, memperlihatkannya sebagai teks biasa.
Demikianlah beberapa tag dasar kode HTML. Pada artikel-artikel berikutnya, kita akan mempelajari tag-tag html untuk fungsi-fungsi lainnya. Semoga bermanfaat.
Popular post
-
Fortiguard merupakan aplikasi firewall dari Fortinet. Aplikasi ini biasanya digunakan di sekolah, kampus, atau kantor. Dan menurut aku prib... -
Film Seri Korea Dong Yi : Jewel in the Crown saat ini masih tayang di Indosiar setiap hari Senin-Jumat jam 12 siang. Kebetulan saya mengiku... -
Beberapa waktu lalu aku telah menulis tutorial membuat template wordpress dengan Artisteer . Namun, karena program yang digunakan versi tr... -
Related Post atau artikel terkait jika dipasang di tiap artikel dapat meningkatkan pageview blog kita. Selain itu, adanya link ke artikel l... -
Kita semua sudah paham bahwa backlink merupakan salah satu faktor penting yang mempengaruhi Google Page Rank. Dan cara paling mudah untuk me...
-
Ketika download file PDF sebesar 50 MB, sudah sampai 100% alias 50MB, namun download belum selesai masih "a view second left". Ka... -
Aku pernah memperkenalkan peluang bisnis online Ziddu , lebih satu setengah tahun lalu. Ziddu adalah situs berbagi file online yang akan me... -
Pernah dengan GPTBank ? Menurutku, GPTBank merupakan cara pintar ikut program PTC. Dengan GPTBank, kita akan segera mengetahui apakah sebuah...
-
Beberapa waktu lalu kami sempat menuliskan peluang bisnis online baru di indonesia yang bisa menambah pundi-pundi dolar kita, yakni ikut su... -
Dalam iklim ekonomi yang keras dan pasar bisnis yang sangat kompetitif, tentu sangat penting ilmu SEO kita punya power yang lebih untuk men...
Support :
Creating Website | Johny Template | Mas Template
Copyright © 2011. Bewegaleri Blog - All Rights Reserved
Copyright © 2011. Bewegaleri Blog - All Rights Reserved
+ comments + 8 comments
mKAsih eahh...
semoga ilmunya bermanfaat..
aaamin...
Amin............
kalau ada posting dong cara memperbesar tulisan di postingan gitu?OK?
Thahks atas infonya......
Cool bgt gan semoga ilmu nya jadi sedekah buat masuk surga menjadi ilmu yg bermanfaat
sheeeeeeppppppp gannnnnnn . . . . .
ajari bikin kotak dong, misalnya aq pengen kata "NAMA SAYA" berada di dalam kotak bergaris merah. (bukan text area) makasihajari bikin kotak dong, misalnya aq pengen kata "NAMA SAYA" berada di dalam kotak bergaris merah. (bukan text area) makasih
nimbrung ah
makasih, atas infonya
Post a Comment