8/8/2019 Modul TIK XI Versi 02.00.04

1/25

BAB 1IBAB 1IPEMROGRAMAN HTMLPEMROGRAMAN HTML

((HHyperyperTTextext MMarkuparkup LLanguage)anguage)

Part IVPart IV

Oleh:

M. Ade Erik, S.Pd.

NIP. 19870911 2010 01 1006Doc versi: 02.00.04/TIK/XI-1/2010-2011

TEKNOLOGI INFORMASI DAN

KOMUNIKASI

SMA NEGERI 1 TEGAL

2010

8/8/2019 Modul TIK XI Versi 02.00.04

2/25

yHTML Frame dan Frameset

Untuk mendefinisikan banyaknya kolom ataubaris elemen frame,digunakan tag

Sedangkan untuk mendefinisikanjendela/bingkat dalam frameset, digunakan tag

Syarat dalam menggunakan frameset/frame

adalah harus terlebih dahulu mempunyai

halaman html yang akan ditampilkan dalam

frameset/frame. Diletakan pada headdan tidak

mengandung unsur bo

dy

8/8/2019 Modul TIK XI Versi 02.00.04

3/25

y Attribut yang dipergunakan dalam tag

Attribut Deskripsi

Rows Mendefinisikan ukuran baris dalam frameset (pixels,%,*)

Cols Mendefinisikan ukuran kolom dalam frameset (pixels,%,*)

8/8/2019 Modul TIK XI Versi 02.00.04

4/25

y Ex. Vertical frameset

Frame dan Frameset

8/8/2019 Modul TIK XI Versi 02.00.04

5/25

y Ex. Horizontal frameset

Frame dan Frameset

8/8/2019 Modul TIK XI Versi 02.00.04

6/25

y Ex. Horizontal dan vertical frameset Frame dan Frameset

8/8/2019 Modul TIK XI Versi 02.00.04

7/25

y Ex. Noresize frame

Frame dan Frameset

8/8/2019 Modul TIK XI Versi 02.00.04

8/25

y Ex. Frameborder

Frame dan Frameset

8/8/2019 Modul TIK XI Versi 02.00.04

9/25

y Ex. Scrolling Frame

Frame dan Frameset

8/8/2019 Modul TIK XI Versi 02.00.04

10/25

y Ex. Navigation Frame 1

y (index1.html)

Frame dan Frameset

Index1

8/8/2019 Modul TIK XI Versi 02.00.04

11/25

8/8/2019 Modul TIK XI Versi 02.00.04

12/25

y Ex. Navigation Frame 1

y (menu.html)

Frame dan Frameset

Index1

Index2

8/8/2019 Modul TIK XI Versi 02.00.04

13/25

8/8/2019 Modul TIK XI Versi 02.00.04

14/25

y Ex. Inline Frame (iframe)

Frame dan Frameset

8/8/2019 Modul TIK XI Versi 02.00.04

15/25

yHTML Marquee

y Untuk membuat efek teks berjalan, gunakan tag

y Ex.

y

y Ini Teks Berjalan

y

8/8/2019 Modul TIK XI Versi 02.00.04

16/25

Attribut Deskripsi

Behavior Mendefinisikanjenis scrolling (scroll/slide/alternate)

Height Mendefiniskan tinggi marqueeWidth Mendefiniskan panjang marquee

Direction Mendefiniskan arah scrolling (left/right/up/down)

Scrolldelay Memperlambat jalannya scrolling (dalam miliseconddefault=85)

scrollamount Mempercepat jalannya scrolling (default=6)

Loop Mendefiniskan banyaknya looping/pengulangan

Bgcolor Mendefiniskan warna background

8/8/2019 Modul TIK XI Versi 02.00.04

17/25

y Ex. Vertical Marque

teks berjalan

8/8/2019 Modul TIK XI Versi 02.00.04

18/25

y Ex. Horizontal Marque

teks berjalan

8/8/2019 Modul TIK XI Versi 02.00.04

19/25

8/8/2019 Modul TIK XI Versi 02.00.04

20/25

8/8/2019 Modul TIK XI Versi 02.00.04

21/25

y Buatlah contoh halaman web seperti

diatas dengan menggunakannotepad ++

y Save dengannama dan ektensi file

sample4.html

8/8/2019 Modul TIK XI Versi 02.00.04

22/25

ssam4_hmarq.htmlam4_hmarq.html

8/8/2019 Modul TIK XI Versi 02.00.04

23/25

ssam4_vmarq.htmlam4_vmarq.html

8/8/2019 Modul TIK XI Versi 02.00.04

24/25

ssam4_menu.htmlam4_menu.html

8/8/2019 Modul TIK XI Versi 02.00.04

25/25

ssample4.htmlample4.html