PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag <ACRONYM> <ACRONYM>, 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. 1 Penulisan tag : <ACRONYM> TITLE = Kepanjangan >Singkatan</ACRONYM> 27 Maret 2009
2 CONTOH : <html> <head> <title>acronym</title> </head> <body> <acronym title = World Wide Web >WWW</Acronym> </body> </html> 27 Maret 2009
MENGATUR TEKS YANG DIHAPUS DAN DISISIPKAN HTML menyediakan tag bernama : <DEL> </DEL> untuk menyatakan teks yang dihapus dan <INS> </INS> untuk menyatakan teks yang disisipkan. 3 Kedua pasang tag ini berguna untuk menggambarkan suatu proses pengeditan dokumen. 18 Maret 2009
CONTOH : 4 <html> <head> <title> Contoh Pengeditan Teks </title> </head> <body> Pertama tama <DEL> tes </DEL> <INS> coba </INS> dulu </body> </html 18 Maret 2009
MENGATUR GAMBAR LATAR BELAKANG Terkadang kita jumpai halaman Web dengan latar belakang berupa suatu gambar. Latar belakang seperti itu kadang kala mempercantik tampilan halam Web. Untuk menyertakan suatu gambar sebagai latar belakang, Anda bisa menggunakan atribut BACKGROUND pada tag <IMG>. 5 Bentuknya sebagai berikut : <BODY BACKGROUND = NamaBerkasGambar > 27 Maret 2009
CONTOH : <html> <head> <title>latar Belakang Gambar</title> </head> <body background = "D:/citra/caladium.jpg"> </body> </html 6 27 Maret 2009
MENGATUR FONT Tag <FONT> </FONT> berguna untuk mengatur jenis, ukuran, maupun warna font. 18 Maret 2009 1. JENIS FONT 2. UKURAN FONT 3. WARNA FONT 7 4. DEFAULT FONT
1. JENIS FONT Untuk menentukan jenis font, Anda bisa menggunakan atribut FACE contoh : <FONT FACE = Arial > Ini jenis tulisan Arial </font> 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 </font> 9
3. WARNA FONT Warna latar belakang teks diatur melalui atribut BGCOLOR pada tag <BODY> TEKS Warna latar depan teks diatur melalui atribut COLOR pad tag <FONT> atau TEXT pada tag <BODY> 10
WARNA WARNA UNTUK TEKS DAPAT DILIHAT PADA TABEL BERIKUT : 11 Normal Aqua Black Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal Yellow
4. MENGATUR DEFAULT FONT 12 HTML menyediakan tag yang bernam <BASEFONT> yang berfungsi untuk menentukan ukuran default font untuk seluru halaman. Untuk Internet Explorer mengenali atribut size, face dan color. Bentuk tag : <basefont size = 6 face = verdana color= pink >
MENAMPILKAN GAMBAR Untuk menampilkan gambar Anda bisa menggunakan tag <IMG>. 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 <IMG> adalah seperti berikut : 13 <IMG SRC = lokasi _gambar/nama gambar >
14 CONTOH : <html> <head> <title> Menampilkan Gambar </title> </head> <body> Keladi Red Flash <IMG SRC = C:/Citra/RedFlash.jpg > </body> </html> Dengan catatan : pastikan berkas RedFlash berada di direktori C pada folder Citra
MENGATUR LETAK TEKS TERHADAP GAMBAR Tag <IMG> menyediakan atribut bernama ALIGN yang berfungsi untuk mengatur penempatan teks pada gambar. Kemungkinan nilai untuk atribut ini diperlihatkan pada tabel berikut : 15 NILAI TOP MIDDLE BOTTOM KETERANGAN Teks diletakkan dibagian atas Teks diletakkan di tengah-tengah Merupakan nilai default. Dalam hak teks diletakkan pada bagian bawah LEFT RIGHT Teks diletakkan dibagian kiri Teks diletakkan dibagian kanan.
MEMBERI BINGKAI GAMBAR Dengan menggunakan atribut BORDER pada tag <IMG>, 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
17 CONTOH : <html> <head> <title> memberi bingkai gambar </title> </head> <IMG SCR = RedFlash.jpg ALIGN= right BORDER = 2 > </BODY> </HTML>
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 <IMG> yang bernama HEIGHT dan WIDTH 18 HEIGHT untuk mengatur tinggi gambar WIDHT untuk mengaur lebar gambar
19 CONTOH : <html> <head> <title> ukuran gambar </title> </head> <IMG SCR = RedFlash.jpg > </BODY> <BR> <IMG SCR = RedFlash.jpg Height = 150 width = 150 > <br> <IMG SCR = RedFlash.jpg Height = 75 width = 75 </body> </HTML>
TERIMA KASIH 20