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.
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)
|
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>
|
|
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)
|
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="#$$$$$$">
|
|
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="#$$$$$$">
|
|
Tambahan :
Berikut Kode warna HTML
Contoh :
<html>
<head>
<title>Beljar HTML</title>
</head>
<body><font color="#000000">
<h1> Membuat 5 </h1>
<h2> Membuat 4 </h2>
<h3> Membuat 3 </h3>
<h4> Membuat 2 </h4>
<h5> Membuat 1 </h5>
<hr>
<h1><p>PUISIKU:</h1>
<h3><p align="center">
Mataharipun mulai terbngun dari mimpi yang hangat<br>
menyemburatkan sinarnya yang hangat<br>
Burung-burung berkicau riang<br>
mengucapkan selamat pagi<br></p>
<h3>Pekanbaru, 2013<hr>
</body>
<body bgcolor=”#EE82EE”>
</html>
Maka Hasilnya akan tampak pada Gambar dibawah.
Lebihnya Anda bisa lihat disini : LINK
