Senin, 22 Juni 2015

Daftar Tag HTML Lengkap

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:
TagDescriptionDTD
<!--...-->Mendefinisikan komentar HTMLSTF
<!DOCTYPE> Mendefinisikan tipe dokumenSTF
<a>Mendefinisikan anchor linkSTF
<abbr>Mendefinisikan sebuah singkatanSTF
<acronym>Mendefinisikan akronimSTF
<address>Mendefiniskan informasi kontak untuk pemiliki / penulis dokumenSTF
<applet>Ditinggalkan. Medefinisikan appletTF
<area />Mendefinisikan arae di dalam image-mapSTF
<b>Mendefinisikan tulisan tebalSTF
<base />Mendefinisikan  URL utama/target untuk semua URL alternatif di dalam dokumenSTF
<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 besarSTF
<blockquote>Mendefinisikan kutipan yang panjangSTF
<body>Mendefinisikan badan dokumenSTF
<br />Mendefinisikan satu baris baruSTF
<button>Mendefinisikan tombol yang bisa di-klikSTF
<caption>Mendefinisikan judul dari tabelSTF
<center>Ditinggalkan. Mendefinisikan tulisan agar ditengahTF
<cite>Mendefinisikan kutipanSTF
<code>Mendefinisikan kode komputerSTF
<col />Mendefinisikan nilai atribut dari satu atau lebih kolom pada tabelSTF
<colgroup>Merincikan sebuah grup atau lebih dari kolom-kolom dalam tabel untuk di formatSTF
<dd>Mendefinisikan deskripsi dari sebuah item di daftar definisiSTF
<del>Defines text that has been deleted from a documentSTF
<dfn>Mendefinisikan ketentuan definisiSTF
<dir>Ditinggalkan. Mendefinisikan daftar direktoriTF
<div>Mendefinisikan sebuah bagian di dalam sebuah dokumenSTF
<dl>Mendefinisikan daftar definisiSTF
<dt>Mendefinisikan ketentuan (dari sebuah item) di dalam daftar definisiSTF
<em>Mendefinisikan tulisan emphasizedSTF
<fieldset>Menggabungkan elemen-elemen yang saling berhubungan di dalam formSTF
<font>Ditinggalkan,  mendefinisikan  font, warna, dan ukuran dari tulisanTF
<form>Defines an HTML form for user inputSTF
<frame />Defines a window (a frame) in a framesetF
<frameset>Defines a set of framesF
<h1> to <h6>Defines HTML headingsSTF
<head>Mendefinisikan informasi mengenai sebuah dokumenSTF
<hr />Mendefinisikan garis horisontal STF
<html>Mendefinisikan inti dari dokumen HTMLSTF
<i>Mendefinisikan tulisan italicSTF
<iframe>Mendefinisikan inline frameTF
<img />Mendefinisikan gambarSTF
<input />Mendefinisikan kontrol inputSTF
<ins>Mendefinisikan tulisan yang telah dimasukkan ke dalam dokumenSTF
<kbd>Mendefinisikan input keyboardSTF
<label>Mendefinisikan label dari elemen <input>STF
<legend>Mendefinisikan Judul dari sebuah elemen <fieldset>STF
<li>Mendefinisikan daftar itemSTF
<link />Mendefinisikan hubungan antara dokumen dari sumber diluar dokumenSTF
<map>Defines a client-side image-map STF
<menu>Ditinggalkan. Mendifinisikan daftar menuTF
<meta />Mendefinisikan metada mengenai sebuah dokumen HTMLSTF
<noframes>Defines an alternate content for users that do not support framesTF
<noscript>Defines an alternate content for users that do not support client-side scriptsSTF
<object>Mendefinisikan obyek yang tertanam / embeddedSTF
<ol>Mendefinisikan urutan teraturSTF
<optgroup>Mendefinisikan grup dari pilihan/option dalam drop-down list yang saling berhubunganSTF
<option>Mendefinisikan pilihan dalam a drop-down listSTF
<p>Mendefinisikan paragrafSTF
<param />Mendefinisikan parameter dari sebuah obyekSTF
<pre>Mendefinisikan tulisan yang belum di formatSTF
<q>Mendefinisikan kutipan pendekSTF
<s>Mendefinisikan tulisan strikethroughTF
<samp>Mendefinisikan contoh dari output program komputerSTF
<script>Mendefinisikan client-side scriptSTF
<select>Mendefinisikan drop-down listSTF
<small>Mendefinisikan tulisan yang lebih kecilSTF
<span>Mendefinisikan sebuah bagian dari dokumenSTF
<strike>Ditinggalkan. Mendefinisikan tulisan strikethroughTF
<strong>Mendefinisikan tulisan strongSTF
<style>Mendefinisikan informasi style dari dokumenSTF
<sub>Mendefinisikan tulisan subscriptedSTF
<sup>Mendefinisikan tulisan superscriptedSTF
<table>Mendefinisikan tabelSTF
<tbody>Menggabungkan isi dari badan tabelSTF
<td>Mendefinisikan kolom dari tabelSTF
<textarea>Mendefinisikan kontrol dari banyak baris input (text area)STF
<tfoot>Menggabungkan footer menjadi satu grup pada tabelSTF
<th>Mendefinisikan header dari tabelSTF
<thead>Mendefinisikan Grup header dari tabelSTF
<title>Mendefinisikan Judul dari sebuah dokumenSTF
<tr>Mendefinisikan baris dari tabelSTF
<tt>Mendefinisikan tulisan teletypeSTF
<u>Ditinggalkan. Mendefinisikan tulisan garis bawah / underlineTF
<ul>Mendefinisikan urutan acakSTF
<var>Mendefinisikan variabelSTF
<xmp>Dintinggalkan. Mendefinisikan tulisan yang belum diformat