Thursday, 31 January 2013

Daftar Tag HTML Beserta Fungsinya

Pada pos kali ini kita akan membahas daftar tag pada HTML berserta fungsinya, oke tanpa basa-basi lagi! Mungkin daftar tag-tag ini hanya untuk mengingatkan kita saja, untuk lebih jelasnya pelajarilah dasar-dasar HTML terlebih dahulu sehingga anda dapat mendesain tampilan website sendiri.

Apa yang dimaksud dengan HTML tags?
HTML tags adalah sebuah label yang di awali dengan tanda '<' dan di akhiri dgn tanda '>' :
  • <html> 
  • <title> 
  • <body> 
Pada umumnya HTML tags adalah berpasangan:
  • Dimulai dengan <body> ditutup dengan </body> 
  • Dimulai dengan <h2> ditutup dengan </h2> 
  • Dimulai dengan <p> ditutup dengan </p> 
Akan tetapi ada beberapa tags yang juga disebut sebagai 'empty element' dapat berjalan tanpa berpasangan:
  • <img> 
  • <input> 
*Selalu usahakan untuk ingat agar menutup setiap elemen dengan tag penutup!

Berikut ini daftar tag-tag pada HTML:
Tag Description DTD
<!--...--> Mendefinisikan komentar HTML STF
<!DOCTYPE>  Mendefinisikan tipe dokumen STF
<a> Mendefinisikan anchor link STF
<abbr> Mendefinisikan sebuah singkatan STF
<acronym> Mendefinisikan akronim STF
<address> Mendefiniskan informasi kontak untuk pemiliki / penulis dokumen STF
<applet> Ditinggalkan. Medefinisikan applet TF
<area /> Mendefinisikan arae di dalam image-map STF
<b> Mendefinisikan tulisan tebal STF
<base /> Mendefinisikan  URL utama/target untuk semua URL alternatif di dalam dokumen STF
<basefont /> Ditinggalkan.bbsp;Merincikan dari warna, ukuran dan font default dari semua tulisan yang ada di dalam dokumen. TF
<bdo> Menggantikan arah tulisan  STF
<big> Mendefinisikan tulisan besar STF
<blockquote> Mendefinisikan kutipan yang panjang STF
<body> Mendefinisikan badan dokumen STF
<br /> Mendefinisikan satu baris baru STF
<button> Mendefinisikan tombol yang bisa di-klik STF
<caption> Mendefinisikan judul dari tabel STF
<center> Ditinggalkan. Mendefinisikan tulisan agar ditengah TF
<cite> Mendefinisikan kutipan STF
<code> Mendefinisikan kode komputer STF
<col /> Mendefinisikan nilai atribut dari satu atau lebih kolom pada tabel STF
<colgroup> Merincikan sebuah grup atau lebih dari kolom-kolom dalam tabel untuk di format STF
<dd> Mendefinisikan deskripsi dari sebuah item di daftar definisi STF
<del> Defines text that has been deleted from a document STF
<dfn> Mendefinisikan ketentuan definisi STF
<dir> Ditinggalkan. Mendefinisikan daftar direktori TF
<div> Mendefinisikan sebuah bagian di dalam sebuah dokumen STF
<dl> Mendefinisikan daftar definisi STF
<dt> Mendefinisikan ketentuan (dari sebuah item) di dalam daftar definisi STF
<em> Mendefinisikan tulisan emphasized STF
<fieldset> Menggabungkan elemen-elemen yang saling berhubungan di dalam form STF
<font> Ditinggalkan,  mendefinisikan  font, warna, dan ukuran dari tulisan TF
<form> Defines an HTML form for user input STF
<frame /> Defines a window (a frame) in a frameset F
<frameset> Defines a set of frames F
<h1> to <h6> Defines HTML headings STF
<head> Mendefinisikan informasi mengenai sebuah dokumen STF
<hr /> Mendefinisikan garis horisontal  STF
<html> Mendefinisikan inti dari dokumen HTML STF
<i> Mendefinisikan tulisan italic STF
<iframe> Mendefinisikan inline frame TF
<img /> Mendefinisikan gambar STF
<input /> Mendefinisikan kontrol input STF
<ins> Mendefinisikan tulisan yang telah dimasukkan ke dalam dokumen STF
<kbd> Mendefinisikan input keyboard STF
<label> Mendefinisikan label dari elemen <input> STF
<legend> Mendefinisikan Judul dari sebuah elemen <fieldset> STF
<li> Mendefinisikan daftar item STF
<link /> Mendefinisikan hubungan antara dokumen dari sumber diluar dokumen STF
<map> Defines a client-side image-map  STF
<menu> Ditinggalkan. Mendifinisikan daftar menu TF
<meta /> Mendefinisikan metada mengenai sebuah dokumen HTML STF
<noframes> Defines an alternate content for users that do not support frames TF
<noscript> Defines an alternate content for users that do not support client-side scripts STF
<object> Mendefinisikan obyek yang tertanam / embedded STF
<ol> Mendefinisikan urutan teratur STF
<optgroup> Mendefinisikan grup dari pilihan/option dalam drop-down list yang saling berhubungan STF
<option> Mendefinisikan pilihan dalam a drop-down list STF
<p> Mendefinisikan paragraf STF
<param /> Mendefinisikan parameter dari sebuah obyek STF
<pre> Mendefinisikan tulisan yang belum di format STF
<q> Mendefinisikan kutipan pendek STF
<s> Mendefinisikan tulisan strikethrough TF
<samp> Mendefinisikan contoh dari output program komputer STF
<script> Mendefinisikan client-side script STF
<select> Mendefinisikan drop-down list STF
<small> Mendefinisikan tulisan yang lebih kecil STF
<span> Mendefinisikan sebuah bagian dari dokumen STF
<strike> Ditinggalkan. Mendefinisikan tulisan strikethrough TF
<strong> Mendefinisikan tulisan strong STF
<style> Mendefinisikan informasi style dari dokumen STF
<sub> Mendefinisikan tulisan subscripted STF
<sup> Mendefinisikan tulisan superscripted STF
<table> Mendefinisikan tabel STF
<tbody> Menggabungkan isi dari badan tabel STF
<td> Mendefinisikan kolom dari tabel STF
<textarea> Mendefinisikan kontrol dari banyak baris input (text area) STF
<tfoot> Menggabungkan footer menjadi satu grup pada tabel STF
<th> Mendefinisikan header dari tabel STF
<thead> Mendefinisikan Grup header dari tabel STF
<title> Mendefinisikan Judul dari sebuah dokumen STF
<tr> Mendefinisikan baris dari tabel STF
<tt> Mendefinisikan tulisan teletype STF
<u> Ditinggalkan. Mendefinisikan tulisan garis bawah / underline TF
<ul> Mendefinisikan urutan acak STF
<var> Mendefinisikan variabel STF
<xmp> Dintinggalkan. Mendefinisikan tulisan yang belum diformat

15 comments:

  1. mkasi om,buat infonya'

    ReplyDelete
  2. Terima kasih atas ilmunya, karena html itu penting untuk blog saya karena saya blogger pemula silahkan kunjungi www.terbarudanupdatedari.blogspot.com

    ReplyDelete
  3. Thx oom Postinganny membantu sekali hihi

    ReplyDelete
  4. ww.tonyzyis.blogspot.com <<< HAHA BLOG NEWBIE BLM ADA ARTIKEL YANG BAGUS GAN!!
    XD

    ReplyDelete
  5. blognya bagus gan. kunbal ya ya gan ?

    ReplyDelete
  6. makasi atas infonya gan

    untuk menambah ilmu dalam pembuatan website silahkan dilihat di situs berikut ini Kursus Web desain

    ReplyDelete