PK&TI 2C BAB 6 Hal 1 dari 9 BAB 6 TAG – TAG HTML LANJUTAN 6.1. LINK HTML Kelebihan utama dari dokumen HTML adalah kemampuannya untuk memberikan link dari satu teks dan/ atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen. Browser web akan menyorot (highlight) teks atau gambar yang diidentifikasi sebagai link dengan warna dan/ atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link (sering disingkat menjadi hyperlink atau link saja). Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan kepada dokumen lain dalam web. Cara penulisan (syntax) untuk link dalam HTML digunakan tag <a>, atribut href untuk mendefinisikan lokasi dari link. Ada tiga jenis link : Link Absolut Dibuat apabila ingin melink pada web page lain yang berada pada web site lain di internet. Sebagai catatan anda harus menuliskan alamat lengkap dari web site yang dituju. Contoh : <a href=”http://www.gunadarma.ac.id>Universitas Gunadarma</a> Link Relatif Dibuat apabila ingin melink dari page anda ke page lain pada komputer yang sama. Bila file dalam direktori yang sama anda cukup menuliskan nama filenya saja. Contoh : <a href=”tagdasar.htm> TAG DASAR </a> Link pada dokumen yang sama Dibuat apabila dokumen panjang, sehingga apabila ditampilkan dalam windows browser web akan mengharuskan kita melakukan scroll layar berulang-ulang. Untuk memudahkan dapat dibuat link antar bagian dengan cara : Pada bagian yang akan dituju ketiklah <a href=”#Bab 7”> BAB 7 </a> Pada bagian isi (teks yang dituju) harus diketik : <a name=”Bab 7”> Ini Bab 7 </a> untuk menandakan bahwa dibawahnya adalah bagian dari isi dari Bab 7 tersebut. Selain tiga macam link di atas, dengan HTML kita dapat pula membuat link ke alamat e-mail dengan cara : <a href=”mailto:[email protected]> Kirim E-mail </a> Pada link absolut dan link ke alamat e-mail, komputer harus dalam keadaan terhubung ke internet (tidak akan bisa bekerja jika mail client tidak dipasang) Universitas Gunadarma Rr. Artiana Krestianti PK&TI 2C BAB 6 Universitas Gunadarma Hal 2 dari 9 Rr. Artiana Krestianti PK&TI 2C BAB 6 Universitas Gunadarma Hal 3 dari 9 Rr. Artiana Krestianti PK&TI 2C BAB 6 Hal 4 dari 9 6.2. LIST HTML List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu. Jenis-jenis list dalalm HTML ada tiga yaitu list dengan nomor (ordered list), list tanpa nomor (unordered list) dan list definisi (definition list) : List dengan nomor Adalah daftar yang setiap itemnya akan diberi nomor. Nomor tersebut dapat berupa angka, angka romawi maupun huruf. Penulisannya dalam tag HTML menggunakan <ol type=”A”>.....</ol> Type ”I” ”i” ”A” ”a” Arti Ditampilkan dengan angka Romawi huruf besar Ditampilkan dengan angka Romawi huruf kecil Ditampilkan dengan abjad Latin huruf besar Ditampilkan dengan abjad Latin huruf kecil List tanpa nomor Adalah daftar yang setiap itemnya tidak diberi nomor melainkan hanya berupa bullet saja dapat berupa kotak atau bulet. Penulisannya dalam tag HTML menggunakan <ul type=”circle”>.....</ul> Type Arti ”Circle” Ditampilkan dengan lingkaran putih ”Disc” Ditampilkan dengan lingkaran hitam ”Square” Ditampilkan dengan kotak hitam List definisi Adalah list yang memberikan uraian terhadap suatu item yang terdapat di dalam daftar. Penulisannya dalam tag HTML menggunakan <dl> (def list), <dt> (def term), dan <dd> (def description). 6.3. IMAGE HTML Sebuah gambar berbicara seribu kata, merupakan pepatah yang sering digunakan orang untuk menunjukkan bahwa “Gambar” bisa berbicara lebih baik dari pada penjelasan yang panjang lebar. Gambar di dalam suatu web page merupakan daya tarik bagi pengun-jung suatu web site, agar pengunjung mau membaca isi/ informasi yang ada di dalam web site tersebut. Umumnya windows browser web dapat menampilkan inline image, yaitu gambar yang disajikan bersamaan dengan teks, yang mempunyai format X Bitmap (XBM), GIF, JPEG, atau PNG. Setiap gambar akan membutuhkan waktu tambahan untuk di download dan akan sedikit memperlambat awal penampilan suatu dokumen dalam windows browser web. Oleh karena itu hati-hati dalam memilih gambar dam menyertakannya dalam suatu dokumen HTML. Universitas Gunadarma Rr. Artiana Krestianti PK&TI 2C BAB 6 Universitas Gunadarma Hal 5 dari 9 Rr. Artiana Krestianti PK&TI 2C BAB 6 Universitas Gunadarma Hal 6 dari 9 Rr. Artiana Krestianti PK&TI 2C BAB 6 Universitas Gunadarma Hal 7 dari 9 Rr. Artiana Krestianti PK&TI 2C BAB 6 Universitas Gunadarma Hal 8 dari 9 Rr. Artiana Krestianti PK&TI 2C BAB 6 Universitas Gunadarma Hal 9 dari 9 Rr. Artiana Krestianti