Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

HTML (Lanjut). TABEL Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik.

Presentasi serupa


Presentasi berjudul: "HTML (Lanjut). TABEL Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik."— Transcript presentasi:

1 HTML (Lanjut)

2 TABEL Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik

3 Tag yang diperlukan: Atributnya :

4 Membuat tabel sederhana: Tag yang diperlukan: Membuat baris: (table row) Membuat kolom: (table data) Contoh: Baris 1 Sel 1 Baris 1 Sel 2 Baris 2 Sel 1 Baris 2 Sel 2 Tampilan:

5 Menambahkan judul tabel: Judul tabel: Judul baris/kolom: (table header) Contoh: DAFTAR MAHASISWA No NPM Nama Amin A. Angkasa Beni B. Bernardi Tampilan:

6 Mengatur lebar dan tinggi suatu tabel: Atribut: weight dan height Nilai: ukuran % (max 100%) ukuran pixel Contoh: DAFTAR MAHASISWA No NPM Nama Amin A. Angkasa Beni B. Bernardi

7 Perataan dalam tabel: horisontal: atribut align utk,, dan vertikal: atribut valign utk, dan Contoh: DAFTAR MAHASISWA No NPM Nama 1. Amin A. Angkasa 2. Beni B. Bernardi

8 Membuat warna pada tabel: Atribut: bgcolor Contoh: Tabel Daftar Mahasiswa No NPM Nama 1. Amin A. Angkasa 2. Beni B. Bernardi

9 Penggabungan baris/kolom: Menggabungkan bbrp kolom menjadi 1: atribut colspan Menggabungkan bbrp baris menjadi 1: atribut rowspan Contoh Tampilan:

10 Script HTML: Tabel Daftar Nilai Mahasiswa No NPM Nama Nilai UTS UAS Amin A. Angkasa Beni B. Bernardi 70 80

11 Cellpading dan cellspacing: atribut cellpading: mengatur spasi antara border dengan tulisan atribut cellspasing: mengatur spasi antar 2 buah sel Contoh Tampilan:

12 Script HTML: Tabel Daftar Nilai Mahasiswa No NPM Nama Nilai UTS UAS Amin A. Angkasa Beni B. Bernardi 70 80

13 FRAME Fungsi: Menampilkan beberapa dokumen HTML secara sekaligus dalam satu jendela web browser.

14 Standar penulisan:... Atribut-atribut:

15 Frame Vertikal Contoh: Membuat Frame Vertikal

16 Frame Horisontal Contoh: Membuat Frame Horisontal

17 Gabungan Frame Vertikal-Horisontal Contoh: Membuat Frame Vertikal-Horisontal

18

19 LATIHAN & TUGAS Dengan menggunakan tabel buatlah tampilan seperti dibawah ini Web Site Sederhana HomeArtikelDownloadAbout Disisni kita bisa meletakkan menu Silahkan menuliskan artikel disini © Hak Cipta 2010


Download ppt "HTML (Lanjut). TABEL Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik."

Presentasi serupa


Iklan oleh Google