Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB.

Presentasi serupa


Presentasi berjudul: "Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB."— Transcript presentasi:

1 Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB

2 List item digunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list). Ada tiga macam list yang bisa anda tambahkan ke document HTML: 1.Unordered List (Bullet) 2.Ordered List (Numbering) 3.Definition List

3

4

5

6 membentuk garis pemisah mendatar. Bentuk penulisan lain yang dianjurkan (XML style) :

7 Digunakan untuk memberikan warna/image latar belakang pada elemen html Bisa ditempatkan pada elemen html seperti, dll.. Tag yang digunakan – Menggunakan warna: – Menggunakan image:

8   Atribut src digunakan untuk menentukan source dari image yang akan ditampilkan. Image: ekstensi.GIF,.JPG, atau.PNG.  Value lokasi image bisa merujuk ke absolute path src = ”c:/gambar/logo.gif” src =  Value lokasi image bisa juga merujuk ke relative path src=”images/logo.gif” src=”../../images/logo.gif”

9 Atribut alt – Alt digunakan untuk mendefinisikan alternate text untuk sebuah image – Contoh : – Alt juga akan memberitahukan kepada pengunjung web bila gambar gambarnya tidak muncul.

10 Atribut align – Gunakan atribut align untuk menentukan posisi dari gambar bila di letakan dalam paragraf (tag ) – Value dari align : absbottom, absmiddle, baseline, bottom, left, middle, right, texttop, top – Contoh : Fakultas Teknologi Informasi UKSW – Align juga bisa digunakan untuk mengatur float dari gambar dalam paragraf, bandingkan kedua contoh berikut :

11 Atribut width dan height – Digunakan untuk menyesuaikan besar image – Width (lebar) dan height (tinggi) didefinisikan dalam bentuk pixel. A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.

12 Image juga bisa digunakan untuk menggantikan teks pada link. Contoh : Perhatikan atribut border=”0” digunakan untuk mengilangkan border pada image yang akan muncul secara otomatis bila image digunakan pada link.

13 definisi tabel Tag untuk penanda baris adalah definisi baris Tag untuk penanda kolom adalah data

14 Contoh pendefinisian tabel :

15 Mau bertanya..?

16 Tugas 2: Khusus Mahasiswa dengan angka terakhir NIM ganjil, buatlah web dengan tampilan seperti berikut: Ketentuan: Satu kelompok maksimal 2 mahasiswa! Tunjukkan hasilnya di ruang 308 pada Selasa, 10 Februari 2015 maksimal pukul 14.00WIB

17 Tugas 2: Khusus Mahasiswa dengan angka terakhir NIM genap, buatlah web dengan tampilan seperti berikut: Ketentuan: Satu kelompok maksimal 2 mahasiswa! Tunjukkan hasilnya di ruang 308 pada Selasa, 10 Februari 2015 maksimal pukul 14.00WIB


Download ppt "Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB."

Presentasi serupa


Iklan oleh Google