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 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:
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
|
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
|
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 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:
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
|
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
|
<!-- à memberi komentar atau keterangan. Kalimat yang terletak pada Tag kontiner ini tidak akan terlihat oleh blog
<a href> membuat link ke halaman lain atau kebagian lain dari halaman tersebut.
<a name> membuat nama bagian yang didenifisikan pada link pada halaman yang
sama.
<applet> sebagai awal dari java applets
<area> mendenifisikan daerah yang sdapat di klik (link) pada image
map.
<b> membuat teks tebal
<basefont> membuat atribut teks default seperti jenis ukuran dan warna fort.
<bgsound> memberi (suara latar) background sound pada halaman web.
<big> memperbesar ukuran teks sebesar satu point dari ukuran
defaultnya.
<blink> membuat teks berkedipan
<body> Tag awal untuk mmelakukan berbagai pengaturan terhadap teks, warna
link, visited link.
<br> pindah baris.
<caption> membuat caption pada label.
<center>
untuk perataan tengah untuk teks atau gambar.
<comment> meletakkan komentar pada halaman web tidak akan Nampak pada browser.
<dd> indents teks
<div> represents different sections of text.
<embed> menambahkan sound or file avi kehalaman web
<fn> seperti tag <a nama>
<form> mendefinisikan input form
<frame> mendefinisikan frame
<frameset> mendefinisikan atribut halaman yang akan menggunakan frame
<h1>…<h6> ukuran font
<head> mendenifisikan head document
<hr> membuat garis horizontal
<html> berarti dokumen html
<i> membuat teks miring
<img> image, imagenap atau an animation
<input> mendenifisikan input field pada form
<li> membuat bullet point atau
baris baru pada list (berpasangan dengan tag
<dir>,<menu>,<ol> atau<ul>)
<map> mendenifisikan client side map
<marquee> membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> mencegah ganti baris pada teks atau images
<noframes> jika browser user tidak mendukung frame
<ol> mendenifisikan awal dan akhir
list
<p> ganti paragraph
<pre> membua teks dengan huruf yang sama
<script> mendenifisikan awal script
<table> membuat table
<td> kolom pada table
<title> mendenifisikn title
<tr> baris pada table
<u> membuat teks bergaris
bawah
Like And Share This!
Post Comment
0 komentar:
Peraturan Berkomentar!
- Gunakanlah kata-kata yang baik, sopan dan santun.
- Komentar yang berbau SARA, Pornografi, Pelecehan dan Kekerasan dilarang keras.
- Dilarang Anonymous dan SPAM! Berkomentarlah yang berkualitas.