Apa itu Html? HTML singkatan dari Hyper Text Markup Language, dalam arti umum, sebuah web adalah sebuah dokumen HTML, yang mana sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu(Tag) untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser, agar halaman dapat di tampilkan secara benar.
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.
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 horizontal
|
|
<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.
|