Web Design Lama

web design
View more...
   EMBED

Share

Preview only show first 6 pages with water mark for full document please download

Transcript

PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag … , Anda bisa mendefenisikan singkatan dan kepanjangan, tetapi yang tertampil dalam dokumen secara normal adalah singkatannya. Namun kalau pemakai meletakkan penunjuk mouse ke singkatan tersebut maka kepanjangannya akan tampil. Penulisan tag : TITLE = “Kepanjangan”>Singkatan 27 Maret 2009 1 CONTOH : 2 Acronym WWW 27 Maret 2009 MENGATUR TEKS YANG DIHAPUS DAN DISISIPKAN HTML menyediakan tag bernama :  … untuk menyatakan teks yang dihapus dan  … untuk menyatakan teks yang disisipkan. Kedua pasang tag ini berguna untuk menggambarkan suatu proses pengeditan dokumen. 18 Maret 2009 3 CONTOH : Contoh Pengeditan Teks Pertama – tama tes coba dulu . Bentuknya sebagai berikut : 5 27 Maret 2009 CONTOH : Latar Belakang Gambar … berguna untuk mengatur jenis, ukuran, maupun warna font. 18 Maret 2009 1. 2. 3. 7 4. JENIS FONT UKURAN FONT WARNA FONT DEFAULT FONT 1. JENIS FONT Untuk menentukan jenis font, Anda bisa menggunakan atribut FACE contoh : Ini jenis tulisan Arial 8 18 Maret 2009 2. UKURAN FONT Ukuran font ditentukan oleh atribut SIZE Contoh : < font size = “1”>size 1: Ini penulisan atribut untuk ukuran font 9 3. WARNA FONT Warna latar belakang teks diatur melalui atribut BGCOLOR pada tag  TEKS Warna latar depan teks diatur melalui atribut COLOR pad tag atau TEXT pada tag 10 WARNA – WARNA UNTUK TEKS DAPAT DILIHAT PADA TABEL BERIKUT : Normal Aqua Black Blue Fuchsia Gray Green Lime Maroon 11 Navy Olive Purple Red Silver Teal Yellow 4. MENGATUR DEFAULT FONT HTML menyediakan tag yang bernam yang berfungsi untuk menentukan ukuran default font untuk seluru halaman. Untuk Internet Explorer mengenali atribut size, face dan color. Bentuk tag : 12 MENAMPILKAN GAMBAR Untuk menampilkan gambar Anda bisa menggunakan tag . Tag ini mempunyai banyak atribut, tetapi hanya satu yang harus disertakan. Adapun atribut-atribut lain bersifat operasional dan akan dibicarakan belakangan. Bentuk paling sederhana dari tag adalah seperti berikut : 13 CONTOH : Menampilkan Gambar Keladi Red Flash Dengan catatan : pastikan berkas RedFlash berada di direktori C pada folder Citra 14 MENGATUR LETAK TEKS TERHADAP GAMBAR Tag menyediakan atribut bernama ALIGN yang berfungsi untuk mengatur penempatan teks pada gambar. Kemungkinan nilai untuk atribut ini diperlihatkan pada tabel berikut : NILAI TOP MIDDLE 15 KETERANGAN Teks diletakkan dibagian atas Teks diletakkan di tengah-tengah Merupakan nilai default. Dalam hak teks diletakkan pada bagian bawah Teks diletakkan dibagian kiri Teks diletakkan dibagian kanan. BOTTOM LEFT RIGHT MEMBERI BINGKAI GAMBAR Dengan menggunakan atribut BORDER pada tag , Anda bisa mengatur agar gambar ditampilkan dengan diberi bingkai. Caranya dalah dengan memberikan bilangan pada atribut BORDER. Nilai pada atribut tersebut menyatakan ketebalan satuan piksel 16 CONTOH : 17 memberi bingkai gambar MENGATUR UKURAN GAMBAR Bila Anda memiliki gambar yan berukuran besar dan bermaksud mengubah ukuran gambar saat gambar ditampilkan, Anda bisa mengatur nya melalui atribut pada tag yang bernama HEIGHT dan WIDTH HEIGHT untuk mengatur tinggi gambar 18 • WIDHT untuk mengaur lebar gambar • CONTOH : ukuran gambar

19 TERIMA KASIH 20