Pengenalan Tag Dasar dalam HTML
Dalam
HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan
yang kita inginkan. Tag pada HTML selalu diawali dengan <x>
dan ditutup dengan </x>
dimana x adalah perintah dari apa
yang kita inginkan. Seperti sebuah bangunan jika dasar dari bangunan tersebut tidaklah kuat maka mustahil bangunan itu dapat berdiri, maka marilah kita sama - sama untuk mempelajari dasar dari HTML agar nantinya dengan mudah mempelajari HTML. Dah langsung saja kita lihat diTKP.
Daftar Tag Penting Dalam HTML
TAG
ELEMEN DASAR
|
||
Jenis
Dokumen
|
<HTML></HTML>
|
(terdapat pada awal dan akhir dari
file HTML)
|
Judul
|
<TITLE></TITLE>
|
(harus selalu terdapat pada
mukadimah)
|
Mukadimah
(Header)
|
<HEAD></HEAD>
|
(keterangan umum, seperti judul
dsb.)
|
Batang
Tubuh
|
<BODY></BODY>
|
(isi dari halaman HTML)
|
TAG
FORMAT TAMPILAN
|
||
Huruf
Tebal
|
<B></B>
|
(Bold)
|
Huruf
Miring
|
<I></I>
|
(Italic)
|
Garis
Bawah
|
<U></U>
|
(Underline - jarang digunakan)
|
Rata
Tengah
|
<CENTER></CENTER>
|
(Center - berlaku untuk teks
maupun gambar)
|
Huruf
Kedip
|
<BLINK></BLINK>
|
(Blinking - tag terlucu sampai
kini)
|
Ukuran
Huruf
|
<FONT SIZE=?></FONT>
|
(Font Size - boleh diisi dari 1
sampai 7)
|
Warna
Huruf
|
<FONT
COLOR="#$$$$$$"></FONT>
|
|
Pilih
Jenis Huruf
|
<FONT
FACE="***"></FONT>
|
TAG
PEMISAH
|
||
Paragraf
|
<P></P>
|
(tag penutup seringkali tak
diperlukan)
|
Align
Text
|
<P
ALIGN=LEFT|CENTER|RIGHT></P>
|
|
Pndah
Baris
|
<BR>
|
(pindah ke baris berikut)
|
Garis
Datar
|
<HR>
|
(Horizontal Rule)
|
Penataan
Letak Garis
|
<HR ALIGN=LEFT|RIGHT|CENTER>
|
|
Tebal
Garis
|
<HR SIZE=?>
|
(dalam satuan pixel)
|
Lebar
Garis
|
<HR WIDTH=?>
|
(dalam satuan pixel)
|
Lebar
Garis Persentasi
|
<HR WIDTH="%">
|
(dalam persentasi terhadap lebar
halaman)
|
TAG
LATAR BELAKANG DAN WARNA
|
||
Latar Belakang
Gambar
|
<BODY
BACKGROUND="URL">
|
(Tiled Background)
|
Warna
Latar Belakang
|
<BODY
BGCOLOR="#$$$$$$"
|
(Background Color - urutan:
merah/hijau/biru)
|
Warna
Huruf Teks
|
<BODY
TEXT="#$$$$$$">
|
TAG TABEL
|
||
Rancangan
Tabel
|
<TABLE></TABLE>
|
|
Garis Batas
Tabel
|
<TABLE
BORDER=?></TABLE>
|
|
Lebar
Tabel
|
<TABLE WIDTH=?>
|
(dalam satuan pixel)
|
Lebar
Tabel Persentasi
|
<TABLE WIDTH="%">
|
(dalam satuan persen terhadap
lebar halaman)
|
Baris
dalam Tabel
|
<TR></TR>
|
|
Penataan
Letak Baris
|
<TR ALIGN=LEFT|RIGHT|
CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
|
Sel
dalam Tabel
|
<TD></TD>
|
(harus ada dalam setiap baris
tabel)
|
Penataan
Letak Sel
|
<TD ALIGN=LEFT|RIGHT|
CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
|
Kepala
Tabel
|
<TH></TH>
|
(Table Header - seperti data
dengan Bold dan Center)
|
Penataan
Letak Kepala Tabel
|
<TH ALIGN=LEFT|RIGHT|
CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
|
Warna
Kepala Tabel
|
<TH
BGCOLOR="#$$$$$$">
|
Mungkin ini dulu yang dapat saya bagikan kepada teman. untuk pengenalan yang lebih lanjut tunggu artikel selanjutnya tentang Praktek Penggunaan Tag HTML...
salam sahabat...
0 komentar:
Post a Comment