Internet dan Web By : Lisda Juliana P..

Presentasi berjudul: "Internet dan Web By : Lisda Juliana P.."— Transcript presentasi:

1 Internet dan Web By : Lisda Juliana P.

2 PERTEMUAN V

3 List Tag <li> digunakan untuk menampilkan informasi dalam bentuk daftar/list baik berurutan (ordered list) maupun yang tidak berurutan (unordered list). Sintax =<li>…</li> Ada 3 jenis daftar/list yang dikenal di HTML, yaitu : <ul>=unordered list= daftar dalam format bullet yaitu : daftar tanpa no.urut Sintax : <ul type=value>…</ul> type=[disc|square|circle|]  default disc disc: bullet titik square: bullet kotak circle : bullet lingkaran Contoh: ulist.htm

4 1= number Contoh : olist.htm
b. <ol> = daftar dalam format ordered list atau daftar dengan no.urut ( numbering ). Sintax : <ol start= type=value>…</ol> start = begin number type=[1|a|A|i|I]  default 1 1= number a= Lowercase A= Upercase i=Lower roman I= Upper Roman Contoh : olist.htm

5 Sintax : <DL>…</DL> Contoh : deflist.htm Latihan list.htm
Definition List Definition List terdiri diapit oleh tag <DL> … </DL> dan <DT> tag menentukan definition term serta <DD> tag menentukan definition itu sendiri. Sintax : <DL>…</DL> <DT>…</DT> <DD>…</DD> Contoh : deflist.htm Latihan list.htm

6 Membuat Link URL_tujuan bernilai lokasi dan nama file yang akan dituju
Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman yang lain, atau ke URL lain, bahkan dalam satu halaman berpindah ke sub judul yang lain. Format tag link adalah sbb : <a href = URL_tujuan atribut>hypertext</a> URL_tujuan bernilai lokasi dan nama file yang akan dituju untuk menuju ke Mailto : nama untuk menuju ke web tertentu tulis URLnya untuk menuju ke file tertentu tulis nama file dan posisinya Hypertext nilainya akan ditampilkan dibrowser sbg text link atau tombol penghubung. Atribut: color link=warna link vlink(visit link)= warna link yang telah dikunjungi. alink(active link)=warna link yang sedang aktif hlink(harol link)=warna link ketika mouse diatasnya target : _blank =untuk membuat jendela baru Contoh: link.htm

7 Link ke Section tertentu dalam Document
Untuk membuat link ke section tertentu dalam satu document gunakan property name untuk membuat nama tujuan dari link. Syntax name anchor: <A NAME =”nama”>Topic name</A> untuk membuat link ke name : <A HREF=”#nama”>menuju ke Topic name</A> Contoh: nama.htm

8 Link Ke bagian tertentu Document Lain
Untuk membuat link ke bagian tertentu document lain anda bisa gunakan anchor name di document yang menjadi tujuan hperlink. Contoh : linkdokumen.htm

9 Menempelkan Image Kita dapat menempelkan gambar dalam html dengan format file JPG atau GIF. Untuk menampilkannya digunakan tag IMG : <IMG SRC=namafilegambar/posisi file atribut> atribut elemen gambar : SRC = lokasi dan nama gambar Alt = teks (teks alternatif) untuk ie, Title =untuk mozila Width = lebar gambar dalam pixel Height = tinggi gambar dalm pixel Vspace=jarak vertikal dengan gambar yang lain Hspace = jarak horizontal dengan gamabr yang lain Align =[top|middle|bottom|left|right]  perataan gambar Border = pixel (tebal garis tepi gambar) Contoh : image.htm

10 Image Map Anda bisa gunakan image yang ada pada website anda untuk membuat image map. Image map yaitu suatu area pada image yang bisa kita beri hyperlink area ini biasanya disebut “hot spots”. Coordinat dari hotspot ditentukan menggunakan bidang geometry seperti rectangle, polygon dan lainya.

11 Shape dari image map :

12 Coordinat dari object relatif terhadap pojok kiri atas image.
Contoh : map.html