Macam-macam Tag HTML beserta atributnya
Hai kawan, terimakasih sudah mengunjungi blog aku,
pernah tidak kawan-kawan ingin mengedit web kalian tapi mengedit Web tidak semudah
mengedit di Ms.Word, caranya dengan memakai fungsi tag-tag HTML, disini aku
akan membahas tentang Macam-macam Tag HTML beserta Atributnya, Semoga
Bermanfaat :)
TAG HTML
|
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>
|
Settingan
atribut untuk seluruh dokumen
|
<b></b>
|
Teks tebal
|
<i>
</i>
|
Teks
miring
|
<u>
</u>
|
Teks garis
bawah
|
<pre></pre>
|
Preformatted
teks / contoh teks
|
<h1></h1>
|
Header 1
|
<h2></h2>
|
Header 2
|
<h3>
</h3>
|
Header 3
|
<sub></sub>
|
Subscript
|
<sup></sup>
|
Superscript
|
<font></font>
|
Mengubah
gaya suatu huruf
|
<img>
|
Menampilkan
sebuah gambar
|
<blockquote></blockquote>
|
Digunakan
untuk mengatur text dan gambar dalam suatu tag
|
<ol></ol>
|
Ordered
List (digunakan dengan <li>)
|
<ul></ul>
|
Unordered
List (digunakan dengan <li>)
|
<li>
|
Elemen
List
|
<dd></dd>
|
Daftar
definisi
|
<dt>
|
Definisi
term
|
<dd>
|
Definisi
deskripsi
|
<br>
|
Ganti
baris
|
<hr>
|
Garis
horizontal
|
<center></center>
|
Menengahkan
elemen
|
<table></table>
|
Membuat
table
|
<form></form>
|
Mengatur
elemen dari form
|
<textarea></textarea>
|
Membuat
Text Area untuk input text dengan length yang lebih besar dari input text.
|
<tbody></tbody>
|
Format
yang berlaku bagi cell yang diapit tag
|
<input
type=>
|
Variasi
dari tipe elemen input dalam form
|
<colgroup></colgroup>
|
Format
yang berlaku bagi kolom
|
<th></th>
|
Header(kepala
tabel). Otomatis ke tengah dan tebal
|
<td></td>
|
Membuat
kolom
|
<marquee>
</marquee>
|
tulisan
berjalan atau bergerak pada halaman web anda
|
<big>
</big>
|
Membuat
tulisan menjadi besar
|
small></small>
|
Membuat
tulisan menjadi kecil
|
<u> </u>
|
Membuat
tulisan menjadi miring
|
<hn>
</hn>
|
Untuk
menuliskan judul suatu paragraf atau lebih dikenal sebagai heading
|
<address></address>
|
Mendefinisikan
informasi kontak untuk penulis/pemilik dokumen
|
<blink></blink>
|
Membuat
teks berkedip
|
<del></del>
|
Untuk
memberi garis tengah pada teks/mencoret teks
|
<embed></embed>
|
Digunakan
untuk memasukkan file video atau file musik
|
<acronym></acronym>
|
Mendefinisikan
akronim
|
<abbr></abbr>
|
Digunakan
untuk menguraikan satu ungkapan yang disingkat
|
<applet></applet>
|
Digunakan
untuk memasukan file java kedalam dokumen HTML
|
<bdo></bdo>
|
Digunakan
untuk menimpa arah teks
|
<caption></caption>
|
Membuat
caption pada table
|
<kbd></kbd>
|
Mendefinisikan
teks yang di input dari keyboard
|
<map></map>
|
Mendefinisikan
client-side peta gambar
|
<samp></samp>
|
Mendefinisikan
contoh keluaran dari program komputer
|
<xmp></xmp>
|
Mendefinisikan
preformatted text, fungsi tag ini sama dengan tag <pre>
|
<tt></tt>
|
Mendefinisikan
teletype text
|
<thead></thead>
|
Untuk
mengelompokkan isi header di dalam sebuah tabel
|
<strong></strong>
|
Membuat
teks tebal, fungsi tag ini sama dengan tag <b>
|
B. Atribut-atribut yang terdapat dalam Tag HTML
HTML
Attributes atau Atribut HTML adalah suatu informasi tambahan yang bisa
disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut
ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut
selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan
memberikan informasi name dan value dari suatu elemen, seperti
name=”value”.
· Tag <body> digunakan menampilkan desain layout halaman web. Tab
<BODY> sendiri memiliki kelengkapan atribut di antaranya:
ü BGCOLOR, berfungsi untuk menampilkan warna latar
halaman
o Contoh pemakaian :
o <BODY BGCOLOR=RED> …
</BODY>
ü BACKGROUND, berfungsi untuk menentukan file
gambar/image dijadikan sebagai background halaman.
o Contoh :
o <BODY
BACKGROUND=”C:\data\latar.jpg”> … </BODY>
ü TEXT, berfungsi untuk mengubah warna tulisan/teks
dalam dokumen secara menyeluruh.
ü LINK, berfungsi untuk menentukan warna link dalam
dokumen yang belum pernah dikunjungi (belum pernah diklik)
ü ALINK, berfungsi untuk menentukan warna link dalam
dokumen yang aktif.
ü VLINK, berfungsi untuk menentukan warna link dalam
dokumen yang telah terkunjungi.
· Tag <p>
Tag ini
berfungsi untuk memformat paragraph/alinea. Adapun kelengkapan atribut-atribut
dari tag ini adalah:
ü ALIGN, yang
berfungsi untuk menentukan perataan teks paragraph secara rata kiri (LEFT), rata
kanan (RIGHT) atau rata tengah (CENTER).
o
Contoh
pemakaian:
<P ALIGN=RIGHT>Ini adalah teks yang ditulis dalam
paragraph dengan perataan
teks rata
kanan</P>
· Tag <hr>
Tag ini
berfungsi untuk mendefinisikan garis horisontal dokumen.
Sedangkan
atribut-atribut yang didukung meliputi:
ü SIZE, untuk menentukan ketebalan garis
(dalam ukuran piksel)
o
Contoh
pemakaian :
<HR SIZE=2>
ü COLOR, digunakan untuk menentukan warna
garis. Warna garis dapat diisi dengan RED, GREEN, BLUE, YELLOW dll, atau dengan
memanfaatkan warna dalam bentuk Hexadesimal seperti : #00FF00 untuk wana hijau,
#FF0000 untuk warna merah dsb.
ü WIDTH, digunakan untuk menentukan lebar
garis (dalam satuan piksel atau persenatase). Contoh :
<HR WIDTH=450> atau
<HR WIDTH=80%>
ü NOSHADE, untuk menghilangkan efek tiga
dimensi garis.
Contoh pemakaian :
<HR NOSHADE>
· Tag <hn>, dimana n=1,2,3,4,5,6
Berfungsi untuk mendefinisikan header (kepala/judul)
dokumen.
Atribut-atribut yang dimiliki yaitu:
ü ALIGN, yang digunakan untuk menentukan
perataan teks header terhadap dokumen. Nilainya yaitu: LEFT, CENTER dan RIGHT.
· Tag <font>, untuk memformat font digunakan tag <FONT>,
adapun yang dipengaruhi oleh tag ini meliputi ukuran, jenis dan warna font.
Atribut-atribut yang dapat dipakai untuk mengatur ketiga hal tersebut yaitu :
ü SIZE, digunakan untuk menentukan ukuran
font.
ü COLOR, digunakan untuk menentukan warna
font.
ü FACE, digunakan untuk menentukan jenis
atau bentuk font. Misal jenis font
ü dapat dipakai yaitu : Arial, Verdana, Times New
Romans, Courier dll.
· Tag <img> digunakan untuk menampilkan gambar, berikut merupakan
atribut dari tag <img> :
ü SRC, yang berfungsi untuk menentukan
lokasi direktori gambar. Contoh
pemakaiannya :
ü ALT, yang berfungsi untuk menentukan
keterangan gambar jika gambar gagal
tampil.
ü WIDTH, yang berfungsi untuk menentukan
lebar gambar (dalam satuan pixel)
ü HEIGHT, yang berfungsi untuk menentukan
tinggi gambar (dalam satuan pixel).
ü BORDER, yang berfungsi untuk menentukan
ketebalan bingkai gambar.
ü ALIGN, untuk menentukan perataan gambar
terhadap dokumen. (Nilainya :
LEFT dan RIGHT).
· Tag <a> digunakan untuk mendefinisikan link, berikut merupakan
atributnya :
ü HREF, digunakan untuk menentukan lokasi
tujuan dari yang ditunjuk oleh link.
Alamat tujuannya dapat berupa
path-direktori atau alamat URL.
Contoh penggunaan :
<A HREF=”http://www.yahoo.co.id”>Yahoo
Indonesia</A>
ü NAME, digunakan untuk mendefinisikan anchor
(Keterangan: Anchor adalah satu bagian dari dokumen yang ditandai untuk
dijadikan sebagai tujuan dari link). Untuk mendefinisikan link yang menuju
alamat anchor digunakan symbol
karakter ‘#’. Contoh : Seumpama
didefinisikan sebuah anchor dengan nama
“pertama” pada halaman “dokumen.html”.
· Tag <table>
digunakan untuk memmbuat table di
dalam HTML, berikut merupakan atribunya :
ü BORDER, digunakan untuk menentukan
ketebalan bingkai table.
ü BGCOLOR, digunakan untuk menentukan warna
latar table/baris/sel.
ü BACKGROUND, digunakan untuk menentukan file
gambar dijadikan sebagai latar table/baris/sel.
ü ALIGN, berfungsi untuk menentukan
perataan table secara horisontal terhadap dokumen atau perataan teks pada baris
atau sel secara horisontal.
ü VALIGN, berfungsi untuk menentukan
perataan secara vertical terhadap teks pada baris dan sel.
ü WIDTH, digunakan untuk menentukan lebar
table/sel (dalam satuan pixel atau persentase)
ü HEIGHT, digunakan untuk menentukan tinggi
table atau baris (dalam satuan pixel atau persentase)
ü CELLPADDING, berfungsi untuk menentukan
kerapatan teks dengan bingkai table.
ü CELLSPACING, berfungsi untuk menentukan
kerapatan antar sel.
ü ROWSPAN, berfungsi untuk menggabungkan
beberapa sel baris menjadi satu sel.
ü COLSPAN, berfungsi untuk menggabungkan
beberapa sel kolom menjadi satu sel.
· Tag <form> berfungsi sebagai obyek penampung (container) bagi obyek-obyek lainnya.
Atribut-atribut yang dimiliki FORM adalah sebagai berikut:
ü NAME, berfungsi untuk mendefinisikan
nama obyek form.
ü METHOD, dipergunakan untuk menentukan cara
pengolahan data yang
inputkan dalam form.
ü ACTION, digunakan untuk menentukan
lokasi/alamat file (program server)
yang akan mengolah data isian form. Nilai
yang dapat diisikan meliputi :
POST dan GET.
· Obyek <SELECT> merupakan
komponen FORM yang berbentuk daftar pilihan menyerupai COMBOBOX dan LISTBOX.
Atribut-atribut yang dimiliki di antaranya yaitu :
ü NAME, digunakan untuk memberi identitas
pada obyek SELECT.
ü SIZE, digunakan untuk menentukan jumlah
item pilihan yang ditampilkan pada obyek.
ü MULTIPLE, digunakan untuk menentukan item
pilihan dapat dipilih lebih dari satu.
Untuk mendefinisikan item-item pilihan pada komponen
SELECT digunakan tag <OPTION>,
dimana tag ini memiliki kelengkapan atribut seperti
berikut ini :
ü VALUE, digunakan untuk menentukan
identitas tiap item dalam komponen.
ü SELECTED, digunakan untuk menentukan item
yang terpilih secara default.
· Tag <INPUT> memiliki berbagai
macam atribut yang dapat digunakan menentukan bentuk-bentuk input:
ü NAME, berfungsi untuk menentukan nama
obyek input
ü TYPE, berfungsi untuk menentukan jenis
input, nilai yang dapat
dipasangkan yaitu:
o
TEXT, digunakan untuk menentukan bentuk
kotak teks satu baris.
o PASSWORD, digunakan untuk menentukan bentuk
input kotak password.
o
RADIO, digunakan untuk menentukan bentuk
input daftar pilihan, dimana item yang dapat pilih hanya satu item saja.
o
CHECKBOX, digunakan untuk menentukan bentuk
input daftar pilihan, dimana item yang dapat dipilih bisa lebih dari satu item.
o
SUBMIT, digunakan untuk menentukan bentuk
input tombol yang memiliki fungsi untuk memicu data dalam form diproses.
o
RESET, digunakan untuk menentukan bentuk
input tombol yang memiliki fungsi data dalam form akan direset.
o
BUTTON, digunakan untuk menampillkan
bentuk input tombol yang mana fungsi tombol tersebut belum ditentukan.
o
HIDDEN, untuk menentukan bentuk input
tersembunyi (tidak ditampilkan secara eksplisit dalam dokumen)
ü VALUE,
o
untuk jenis input TEXT dan PASSWORD
o
digunakan
untuk menentukan nilai dalam kotak teks
o
untuk jenis input RADIO
dan CHECKBOX
o
berfungsi
untuk memberi identitas tiap pilihan item
o
untuk jenis item SUBMIT, RESET dan BUTTON
o
berfungsi
untuk menentukan judul tombol.
ü SIZE (hanya untuk tipe input TEXT dan PASSWORD)
Berfungsi
untuk menentukan ukuran lebar kotak teks.
ü MAXLENGTH (hanya untuk tipe input TEXT dan
PASSWORD)
Berfungsi
untuk menentukan kapasitas maksimal teks yang dapat
diinputkan
ü CHECKED (hanya untuk tipe input RADIO dan
CHECKBOX)
Berfungsi untuk memberi tanda
terhadap item yang terpilih secara default.
0 komentar:
Posting Komentar