Add to collection(s) Add to saved
  1. Rekayasa & Teknologi
  2. Perancangan web

H.T.M.L.

advertisement 
H.T.M.L.
1
LISTS
2

Unordered Lists
Membuat daftar item dengan tanda bullet

Ordered Lists
membuat daftar item, yang memiliki nomor secara
urut.

Definition Lists
mendefinisikan/menjelaskan istilah-istilah
CONTOH LISTS (1)
<HTML>
<BODY>
<H4>An Unordered List:</H4>
<UL>
<LI>Coffee</LI>
<LI>Tea</LI>
<LI>Milk</LI>
</UL>
</BODY>
</HTML>
3
An Unordered List
• Coffee
• Tea
• Milk
CONTOH LISTS (2)
<HTML>
<BODY>
<H4>An Ordered List :</H4>
<OL>
<LI>Coffee</LI>
<LI>Tea</LI>
<LI>Milk</LI>
</OL>
</BODY>
</HTML>
4
An Ordered List :
1. Coffee
2. Tea
3. Milk
CONTOH LISTS (3)
<HTML>
<BODY>
<H4>A Definition List :</H4>
<DL>
<DT>Coffee</DT>
<DD>Black hot drink</DD>
<DT>Milk</DT>
<DD>White cold drink</DD>
</DL>
</BODY>
</HTML>
5
A Definition List :
Coffee
Black hot drink
Milk
White cold drink
IMAGES
Digunakan untuk menampilkan gambar atau animasi pada
halaman web. Format gambar yang dapat digunakan :
PICT, GIF, JPEG, BMP, dan lain-lain
Tag :
<IMG>
disertai dengan atribut :
SRC
 menentukan sumber gambar yang akan ditampilkan
ALT
 alternatif bila browser berbasis teks
ALIGN
 mengatur perataan teks (LEFT/CENTER/RIGHT)
Contoh :
6
<IMG SRC=”logo.gif” ALT=”Ini adalah gambar logo” ALIGN=right>
TABLES
Berguna untuk membuat halaman web “terbagi” pada beberapa
kolom/baris.
Tag :
<TABLE>.....</TABLE>
Elemen utama dalam pembuatan table :
<TR>.. </TR>  table row : membuat baris baru pada tabel
<TD>.. </TD>  table data : membuat kolom baru pada tabel
<TH>.. </TH>  table header : membuat judul kolom
7
CONTOH TABLE
<TABLE border=2>
<TR>
<TH>Nama Lab.</TH>
<TH>Lokasi</TH>
</TR>
<TR>
<TD>Lab. Internet Dasar</TD>
<TD>Gd 3 Lt 2 Depok</TD>
</TR>
</TABLE>
8
Nama Lab.
Lab. Internet
Dasar
Lokasi
Gd 3 Lt 2
Depok
FRAMES
Digunakan untuk membagi-bagi window browser menjadi
beberapa
bagian
sehingga
berbagai
informasi
ditampilkan pada satu saat.
Tag :
untuk membentuk baris frame
<FRAMESET ROWS=”val1,val2,…”>
untuk membentuk kolom frame
<FRAMESET COLS=”val1, val2,….”>
9
dapat
CONTOH FRAMES (1)
<html>
<frameset rows="25%,50%,25%">
<frame src="frame_a.htm" />
Frame a
Frame b
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html>
10
Frame c
CONTOH FRAMES (2)
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html>
11
Frame Frame Frame
a
b
c
CONTOH FRAMES (3)
<html>
<frameset rows="50%,50%">
Frame a
<frame src="frame_a.htm" />
<frameset cols="25%,75%">
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</frameset>
</html>
12
Frame b Frame c
Download
advertisement