modul 3 4 5

13
MODUL 3 MEMBUAT HEADING, BREAK DAN PARAGRAF, STYLE DOKUMEN 1. Heading Heading sangat diperlukan dalam suatu dokumen. Karena heading disini merupakan format tertentu dalam suatu paragraph dan bisa juga dikatakan sebagai judul dari suatu paragraf. Komponen Heading dalam HTML dimulaidengan<H1>, <H2>, <H3>, <H4>, <H5>dan<H6>. Jadi ukuran dari heading dapat diatur dengan menuliskan salah satu dari komponentersebut. Janganlupasupaya heading tidakmerambahkedokumenlainnyadiperlukan TAG penutup. Misal<H1>JUDUL</H1> Contoh penggunaan Heading:

Upload: iswandi

Post on 16-Feb-2017

197 views

Category:

Design


12 download

TRANSCRIPT

Page 1: Modul 3  4  5

MODUL 3

MEMBUAT HEADING, BREAK DAN PARAGRAF, STYLE DOKUMEN

1. Heading Heading sangat diperlukan dalam suatu dokumen. Karena heading disini merupakan format

tertentu dalam suatu paragraph dan bisa juga dikatakan sebagai judul dari suatu paragraf. Komponen Heading dalam HTML dimulaidengan<H1>, <H2>, <H3>, <H4>, <H5>dan<H6>. Jadi ukuran dari heading dapat diatur dengan menuliskan salah satu dari komponentersebut. Janganlupasupaya heading tidakmerambahkedokumenlainnyadiperlukan TAG penutup. Misal<H1>JUDUL</H1>

Contoh penggunaan Heading:

Page 2: Modul 3  4  5

2. Break Jikamenulisdokumen yang panjangtentudiperlukanpemenggalankalimatuntukmengefisiensikannya. Dalamdokumen HTML pun berlakusama. Dalam program HTML komponenatau TAG yang diperlukanuntukmemengalataumemotongkalimat yang panjangadalah break ditulisdengan<Br> Contoh:

Page 3: Modul 3  4  5

3. Paragraf Penulisankomponenparagrafdalamdokumen HTML disingkat<p>Contoh :

Page 4: Modul 3  4  5

4. Mengatur Style Font Dalammenulis style font harusdiawalidengan<Nama_Tag>danditutupdengan</Nama_Tag> Contoh:

Page 5: Modul 3  4  5

5. ELEMENT FONT

Element FONT berfungsiuntukmerubahjenis, ukurandanwarnadaritampilanhuruf. Element inimempunyai attribute color untukmerubahwarnahuruf, face untukmerubahjenishuruf (jikalebihdarisatujenishuruf, harusdibatasidengankoma), dan size untukmerubahukuranhuruf (pixel). Sintaks: <font color="warna" face="font" size="pixel">

.......................... </font>Contoh:

6. Mengenal Bullet

Ada 2 jenis bullet yaitu : Unordered List <UL>yaitumembuat bullet sajadan Ordered list <OL>, untuk membuat bullet nomor. Untukmembuat listharusmenggunakan<LI> Contoh :

Page 6: Modul 3  4  5
Page 7: Modul 3  4  5

MODUL 4

MEMBUAT TABEL

1. Tabel Border Border adalah yang akanmengelilingi data dalamtabel. Denganmenggunakanperintah<Table Border>. Tabel border bisadiaturketebalannya :

• Border 0 :digunakanapabilatidakmenggunakan border • Border 1 :digunakanbilamenggunakannilai border standar • Border 2 :digunakanbilaukuran border tebal.

Contoh :

Page 8: Modul 3  4  5

2. MengaturTabel

Align=left untukmenempatkan table disebelahkiri Align=right untukmenempatkan table disebelahkanan Align=center untukmenempatkan table ditengah-tengah. Contoh:

Page 9: Modul 3  4  5

3. WARNA Untukmengaturwarnadalamsuatudokumenatau program HTML kode yang digunakanBGCOLOR(Background Color). Penulisanwarnabisamenggunakannilaiheksadesimal, danbiasanyaakanmenyesuaikandenganbrowsernya. Contoh:

Page 10: Modul 3  4  5

MODUL 5

GAMBAR DAN ANIMASI

Dalammembangun website selainmenampilkanteks juga harusmenampilkangambar, sehinggadokumen HTML lebihkomunikatifdantidakmembosankan. Tidakhanyaitugambar yang ditampilkan pun bisabermacam-macamtergantungkebutuhan .Bahkan agar lebihmenarikgambar yang ditampilkantersebutbisadibuatbergeraksesuaikebutuhan yang dinamakandengananimasi.

1. Menampilkan gambar Untuk menampilkan dan memasukkan gambar kedalam dokumen HTML banyak yang bias dilakukan, antara lain dengan memanfaatkan Image dengan tanda<IMG>. Dan kemudian diikuti dengan SCR(Source) dan nama gambar lengkap dengan akhirannya, seperti gambar.JPEG, Gambar.BMP, Gambar.GIF dll. Image atau gambar yang akan ditampilkan sebaiknya menggunakan perintah TABLE agar penempatannya tidak berubah-rubah. Contohpemakaian :<IMG SRC=Nama_Gambar.GIF> Format gambar yang bisa ditampilkan antara lain : JP, JPEG, GIF, PCX dll. Sebaiknya gambar ditempat Contoh :

Page 11: Modul 3  4  5
Page 12: Modul 3  4  5

2.gambar

Contoh : <html> <Table Border=2> <H2><Font size=+3>MenggunakanTeksdanGambar<BR></H2> <image src="allah.gif" Align=Left Vspace=10><hspace=10><Font size=-1> Dalamwaktudekatbuku Microsoft Office Xpakanterbit. Di sampingitu juga akanterbitbuku Share Point Team Service yang sayatulis.

Page 13: Modul 3  4  5

SELESAI