BAB 1 - Official Site of Rr ARTIANA KRESTIANTI

advertisement
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
Download