• Twitter
  • Facebook
  • Google+
  • Instagram
  • Youtube

Friday, February 22, 2013

Daftar lengkap Kumpulan Kode HTML


            Seperti halnya kita ketahui bahwa HTML atau HyperText Markup Language adalah sebuah bahasa pemrograman yang digunakan oleh website-website di internet, sehingga website tersebut dapat kita lihat sebagai suatu informasi karena  aplikasi browser telah menterjemahkan kode-kode HTML tersebut menjadi bentuk sekumpulan informasi yang dapat kita lihat yang dapat berupa gambar maupun Teks.

Oleh karena itu, bagi orang-orang yang berkecimpung di dunia website, blog, dsb tentunya harus memahami penggunaan kode HTML tersebut. Karena dengan begitu, jika terjadi eror dalam website yang kita kelola, kita mampu memperbaiki nya sendiri. Selain itu, dengan kita memahami penggunaan kode kode HTML, kita akan mudah mengoptimalkan website yang kita kelola sehingga dapat berjalan optimal. nah, dalam rangka memahami kode HTML tersebut, dalam postingan ini di sediakan Daftar Tag HTML yang biasa di gunakan.
 Berikut ini adalah daftar Tag Pada Kode HTML yang biasanya sering di gunakan
 Tag Utama
Tag
Atribut
Deskripsi
<html></html>

Baris paling atas dari setiap file HTML
<head></head>

Informasi umum dari sebuah halaman web
<title></title>

Judul halaman. Terdapat pada head
<body></body>
Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
Settingan atribut untuk seluruh dokumen

Modifikasi Teks
Tag
Deskripsi
Contoh
<b></b>
Teks tebal
Teks tebal
<i> </i>
Teks miring
Teks miring
<u> </u>
Teks garis bawah
Teks garis bawah
<h1></h1>
Header 1
Header 1
<h2></h2>
Header 2
Header 2
<h3> </h3>
Header 3
Header 3
<h4></h4>
Header 4
Header 4
<h5></h5>
Header 5
Header 5
<h6></h6>
Header 6
Header 6
<sub></sub>
Subscript
Subscript
<sup></sup>
Superscript
Superscript

Font 

Tag
Atribut
Deskripsi
<font></font>
Color, size, name
Mengubah gaya suatu huruf







Links
Tag
Atribut
Deskripsi
<a> </a>
Href, target, style, class, name, id
Membuat link ke dokumen atau situs lainnya

Gambar
Tag
Atribut
Deskripsi
<img>
Src, alt, name, border, height, width
Menampilkan sebuah gambar
Formatting
Tag
Deskripsi
Contoh
<blockquote></blockquote>
Digunakan untuk mengatur text dan gambar dalam suatu tag
Contoh text in a block quote format ( “ “ )
<ol></ol>
Ordered List (digunakan dengan <li>)
1. Item 1
<ul></ul>
Unordered List (digunakan dengan <li>)
• Item 1
<li>
Elemen List

<dd></dd>
Definition List

<dt>
Definition Term

<dd>
Definition Description

<p></p>
Paragraf

<br>
Ganti baris

<hr>
Garis horizonta

<center></center>
Menengahkan elemen

Tabel
Tag
Deskripsi
Contoh
<table></table>
Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign
Mengatur semua elemen table
<tr></tr>
Height, bgcolor, background, align, valign, title
Membuat baris baru
<td></td>
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
Membuat kolom
<th></th>
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody>
Height, width, align, valign, bgcolor, background
Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup>
Height, width, align, valign, bgcolor, background, colspan
Format yang berlaku bagi kolom

Form
Tag
Deskripsi
Contoh
<form></form>
Method, action, name, enctype
Mengatur elemen dari form
<input type=>
Text, password, hidden, radio, checkbox, submit, image, reset
Variasi dari tipe elemen input dalam form
<select></select>
Name, size
Membuat combo-box. Digunakan bersama dengan option
<option>
Selected, name, value

<textarea></textarea>
Name, rows, cols, wrap
Membuat Text Area untuk input text dengan length yang lebih besar dari input text.




 
 itulah beberapa tag HTML yang biasa digunakan sehari-hari.
Semoga bermanfaat.

#salam terhangat dari Mr.DHI






43 comments:

  1. ane belajar ini kalau ane butuh gan, itu lebih mantap. kalau cuma baca, pas ga ada masalah malah bingung gan. :D

    ReplyDelete
  2. Woww Komplit Mastah Dadi Heryana Saya Bookmark Yach Biar Gak Susah Jika Ingin Balik Memperlajri Kode HTML diatas,

    ReplyDelete
    Replies
    1. waduh, nggak usah panggil mastath juga kali gan. :) saya juga nggak belum begitu paham tentang kode-kode. saya hanya share info yang saya punya. hehe

      Delete
  3. saya buta masalah kode, itu kode vital ya sob...

    ReplyDelete
  4. waduuuhh... top markotop dah.. .:D

    ReplyDelete
  5. lengkap sekali Gan.
    sngat membantu.
    terimakasih Gan, sukses selalu.

    ReplyDelete
  6. Saya juga masih seb tentang kode-kode begini, makasih sharingnya, mantep:)

    ReplyDelete
  7. wah perlu di bookmark nih , pasti penting ini makasih ya gan

    ReplyDelete
  8. wah.. masih blum ada post terbaru nih ??

    ReplyDelete
  9. simple dan mudah di pahami. html memang tidak serumit yang dibayangkan! mantap kawan

    ReplyDelete
  10. wahh lengkap nii listnya.. jadi gampang nguliknya nii..
    makasii infonya kang ;)

    ReplyDelete
  11. makasih sob sdh berbagi.. happy blogging *smile

    ReplyDelete
  12. Saya ngk hpal blas slm ini...untung diingetin...hehe

    ReplyDelete
  13. ternyata ada kamusnya, tak save ajalah. nanti siapa tau berguna

    ReplyDelete
  14. bedanya < html >.... dengan < HTML >.... apa ya sob ?

    ReplyDelete
    Replies
    1. setahu saya nggak ada bedanya alias sama aja. karena HTML tidak case sensitive, artinya tidak mempermasalahkan hauruf besar atau kecil. lain halnya dengan kode CSS yang bersifat Case Sensitive.

      Delete
  15. Wah lengkap bener sebagian ane belum hafal gan oh ya request dong untuk css.. makasih. Jgn lupa mampir ya.

    ReplyDelete
  16. kita sering menggunakan kode2 diatas,namun kadang tidak semua kode tau nama,arti dan fungsinya.
    makasih sharenya sob,salam sukses.

    ReplyDelete
  17. wew mantap gan, dasar tapu berguna :D
    ebook vb udh ada gan

    ReplyDelete
  18. owh,ini tho fungsi fungsi kata kata itu.....walah, lumayan lah...dapat ilmu baru.
    kunjungan pertama dan salam kenal

    ReplyDelete
  19. masuk lagi sob... :D hehehehe

    ReplyDelete
  20. kunjungan perdanan sobat :) sambil baca2
    visit n koment back y dblogq :)
    skalian follow blogq y nnti saya folback

    ReplyDelete
  21. komplit sob, izin simpan ya

    ReplyDelete
  22. makasih sob, ijin dikopy ya!

    ReplyDelete
  23. Mari berkunjung kalau ada waktu
    untuk meramaikan blog.

    ReplyDelete
  24. kalo saya yang masih bingung itu fungsi h1 dan h2 yang katanya sangat dominan sekali mempengaruhi SEO sebuah website

    ReplyDelete
    Replies
    1. betul bang,, karena mesin pencari dalam melakukan pencarian nya itu akan mencari tag h1 dan h2 dulu sebelum ke yang lain. karena h1 dan h2 itu merupakan judul dari suatu website atau artikel.!!! sehingga kalau judul nya udah relevan dengan pencarian, kemungkinan artikel akan di masukan ke SERP.!!

      Delete
  25. lengkap banget gan
    back yah

    ReplyDelete
  26. keren dan lengkap gam

    comeback yah

    ReplyDelete
  27. makasih mas, buat bahan belajar

    ReplyDelete
  28. wowow...lengkap banget gan, makasih yah...

    ReplyDelete
  29. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000

    ReplyDelete
  30. kodenya keren sob...

    http://cilisoten.yu.tl/kumpulan-kode-warna-html.xhtml

    ReplyDelete
  31. kami ingin berbagi cerita kepada anda semua bahwa saya yg dulu pekerjaannya cuma tukan smir sepatu pendapatan setiap hari tidak seberapa anak empat istri suda satu tahun menderita kesakitan biaya pengobatan tidak mampu kebetulan saya buka internet saya dapat nomornya KI JAGAD kami lansung hubungi minta bantuan nomor ghoip hasil retual KI JAGAD 4d nya,yaitu .{7702}.benar2 jitu 100% keluarga kami sangat bersukur berkat bantuan angka ghoip hasil retual KI JAGAD sekali lagi terima kasih banyak KI JAGAD SAMUDRO keluarga kami, berhutan budi sama AKI bagi teman teman yang kesulitan ekonomi hubungi lansung KI JAGAD SAMUDRO di nomor ; 0853_2888_0168 AKI akan memberikan angka ghoip 100% tembus ???

    ReplyDelete
  32. Terimakasih, ini sangat membantu!

    ReplyDelete

Anda diwajibkan membaca Privacy Policy terlebih dahulu sebelum berkomentar.

Contact

Get in touch with me


Adress/Street

12 Street West Victoria 1234 Australia

Phone number

+(12) 3456 789

Website

www.johnsmith.com