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.
Kumpulan Kode HTML : Tag Dasar
Tuesday, July 7, 2009
·
Labels:
belajar html
Subscribe to:
Post Comments (Atom)
Stats
Popular Posts
-
Berbekal kerisauan karena folder khusus berisi film2 dewasa yang aku sediakan buat pelanggan dewasa, ternyata bisa diakses juga oleh pelang... -
Facebook merupakan salah satu situs jejaring sosial yang sangat populer, bahkan mengalahkan Friendster yang sudah ada lebih dulu. Penggunany...
-
Apa itu matrix? Program matrix adalah program dimana seseorang dapat memperoleh uang dengan cara mengajak seseorang untuk bergabung. Hampi... -
Jika disebut bisnis di internet, bayangan orang pasti akan langsung mengarah pada kegiatan jual beli online yang sekarang sedang marak di in...
-
Widi Vierra tampil dalam foto hot alias syur. Dalam foto tersebut Widi mengenakan baju tidur yang terbuka menampakkan pakaian dalam model s... -
Dalam iklim ekonomi yang keras dan pasar bisnis yang sangat kompetitif, tentu sangat penting ilmu SEO kita punya power yang lebih untuk men... -
Setelah setahun lebih bertahan di posisi PR 2, akhirnya blog belajar di internet ini berhasil juga mendapat kenaikan "pangkat" me... -
Sepertinya, kotak komentar blogger di bawah artikel sedang error (penempatan kotak komentar blogspot di bawah entri memang masih dalam taraf... -
Sudah tahu situs penyedia hosting gratis terbaik di indonesia? Yang aku maksud adalah idhostinger . (jika tertarik mendaftar hosting dan do...
-
Artisteer merupakan produk pertama dan satu-satunya dalam urusan otomatisasi desain Web yang secara instan menciptakan template blog dan we...
Popular Posts
-
Lebaran sebentar lagi tiba. Hal rutin yang dilakukan adalah bersilaturahmi maaf-maafan. Bagi kerabat atau sahabat yang jauh, kita berkirim k... -
Widi Vierra tampil dalam foto hot alias syur. Dalam foto tersebut Widi mengenakan baju tidur yang terbuka menampakkan pakaian dalam model s...
-
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... -
Anda ahli Photoshop atau software image editing lainnya ? Tutorial ini tidak berlaku untuk anda. Namun jika anda bukan ahli desain grafis, d... -
Membuat blog sekarang ini memang sangatlah mudah, bahkan untuk orang yang tidak mengerti sama sekali bahasa pemrograman yang digunakan untuk...
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