HTML & WEB PROGRAMMING

By :I Ngh Putu Mardika, S.Pd

HTML LAYOUTS

Jenis Layout

• Fixed LayoutLebar layout tetap dan tidak tergantung pada lebar layar. Ukuran tampilan pada layar tergantung pada resolusi layar (screen).

• Fluid LayoutLebar layout menyesuaikan dengan lebar layar. Ukuran tampilan pada layar tidak tergantung pada resolusi layar (screen).

HTML Layouts

•Elemen Tabel•Elemen Div•Elemen HTML 5

Tag Tabel (Table) - layout

Tag Tabel (Table) – layout

HTML LAYOUTS (dengan Elemen DIV)

HTML LAYOUTS (dengan Elemen DIV)

HTML LAYOUTS (dengan Elemen DIV)

Layout dengan HTML 5

Style Sheet

Exercise -01

• Buatlah web layout dengan tampilan seperti salah satu gambar berikut!

Logo

Navigasi

Navigasi

Navigasi

Logo

Navigasi