HTML
(Hyper
Text Markup Languange)
HTML adalah Bahasa yang digunakan pada dokumen web sebagai Bahasa untuk pertukaran dokumen web. Struktur dokumen terdiri dari tag pembuka dan tag penutup. Struktur dokumen HTML seperti berikut :
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
*Kalian bisa melihat
HTML ini di blogg dengan (CTRL + U)
Tag
adalah tanda awal < dan tanda akhir > yang digunakan sebagai pengapit
suatu elemen.
Elemen
pembuka diawali dengan tanda < dan diakhiri tanda >.
Elemen
penutup diawali dengan tanda < dan tanda / kemudian
diakhiri tanda >.
KUMPULAN
TAG HTML
|
|||
TAG
|
FUNGSI
|
ATRIBUT
|
FUNGSI
|
<head>
.. </head>
|
Sebagai
tempat penulisan judul dokumen
|
-
|
-
|
<title> ..
</title>
|
Untuk
mendefinisikan judul dokumen.
|
-
|
-
|
<body>
.. </body>
|
Tempat
untuk menampilkan dokumen
|
bgcolor=”..”
|
Memberikan
warna pada background
|
background=”..”
|
|||
<h1> ..
</h1>
s/d
<h6> ..
</h6>
|
Mendefinisikan
suatu judul.
|
-
|
-
|
<br>
|
Break
atau memberi baris baru.
|
-
|
-
|
<hr>
|
Mendefinisikan
garis
|
size=”..”
|
Tebal ukuran
garis
|
color=”..”
|
Warna garis
|
||
<b> ..
</b>
|
Huruf
Cetak tebal.
|
-
|
-
|
<i> ..
</i>
|
Huruf
cetak miring.
|
-
|
-
|
<u> ..
</u>
|
Huruf
garis bawah
|
-
|
-
|
<address>
.. </address>
|
Mendefinisikan
teks dalam format alamat
|
-
|
-
|
<sub> ..
</sub>
|
Mendefinisikan
teks subscript
|
-
|
-
|
<sup> ..
</sup>
|
Mendefinisikan
teks superscript
|
-
|
-
|
<em> ..
</em>
|
Penekan
pada teks (cetak miring)
|
-
|
-
|
<strong>
.. </strong>
|
Penekanan
pada teks (cetak tebal)
|
-
|
-
|
<big> ..
</big>
|
Ukuran
huruf teks naik satu tingkat dari ukuran normal.
|
-
|
-
|
<small>
.. </small>
|
Ukuran
huruf teks satu tingkat dari ukuran normal
|
-
|
-
|
<font>
.. </font>
|
Mengatur
pola tulisan / teks
|
face=”..”
|
Mengatur jenis
font
|
color=”..”
|
Mengatur warna
font
|
||
size=”..”
|
Mengatur
ukuran font
|
||
<p> ..
</p>
|
Mendefinisikan
suatu paragraph.
|
align=”..”
|
Mengatur letak
paragraph (left, right, center, justify)
|
<marquee>
.. </marquee>
|
Format
teks bergerak
|
direction=”..”
|
Mengatur arah
gerak teks (left, right, up, down)
|
behavior=”..”
|
Mengatur
perilaku gerakan teks (scroll, slide, alternade)
|
||
scrollamount=”..”
|
Mengatur
kecepatan gerakan dalam pixel
|
||
<img
src=”..”>
|
Mendefinisikan
wadah gambar pada dokumen
|
width=”..”
|
Mengatur lebar
gambar pixel
|
height=”..”
|
Mengatur
panjang gambar dalam pixel
|
||
alt=”..”
|
Memberikan
keterangan nama objek
|
||
<a
href=”..”> .. </a>
|
Mendefinisikan
tautan menuju dokumen lain (hyperlink)
|
-
|
-
|
<ol> ..
</ol>
|
Mendifinisikan
daftar dengan menampilkan urutan angka atau huruf.
|
type=”a”
type=”1”
type=”i”
|
Menentukan
pola yang diinginkan
|
start=”..”
|
Memulai daftar
urutan dari nilai yang diinginkan
|
||
<ul> ..
</ul>
|
Mendifinisikan
daftar tanpa urutan (symbol).
|
type=”circle”
type=”square”
type=”disc”
|
Menentukan
symbol pola yang diinginkan
|
<li> ..
</li>
|
Mendefinisikan
item dari <ol> dan <ul>
|
-
|
-
|
<table>
.. </table>
|
Mendefinisikan
table
|
border=”..”
|
Menentukan
tebal sisi-sisi pada sel table
|
cellspacing=”..”
|
-
|
||
cellpadding=”..”
|
-
|
||
<tr> ..
</tr>
|
Mendefinisikan
baris table
|
-
|
-
|
<th> ..
</th>
|
Mendefinisikan
judul kolom table.
|
||
<td> ..
</td>
|
Mendifinisikan
sel baris table
|
colspan=”..”
|
Menggabungkan
sel berdasarkan kolom
|
rowspan=”..”
|
Menggabungkan
sel berdasarkan baris
|
||
<caption>
.. </caption>
|
Mendefiniskan
judul tabel
|
align=”..”
|
Menentukan
letak judul table
|
<form>
.. </form>
|
Mendefinisikan
suatu formulir pada dokumen
|
-
|
-
|
<input
type=”..”
|
Text,
radio, checkbox, submit, reset
|
value=”..”
|
Keterangan
pada button/field
|
<fieldset>
.. </fieldset>
|
Wadah
pengelompok control input pada formulir
|
-
|
-
|
<legend>
.. </legend>
|
Judul
dari <fieldset>
|
-
|
-
|
·
Kesalahan sedikit saja maka html failed
0 Komentar