1 / 12

Internet dan Web

Internet dan Web. By : Lisda Juliana P. PERTEMUAN V. 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 :

gari
Télécharger la présentation

Internet dan Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Internet dan Web By : Lisda Juliana P.

  2. PERTEMUAN V

  3. List • Tag <li> digunakan untuk menampilkan informasi dalam bentuk daftar/list baikberurutan (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. 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. 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 • 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 email : Mailto : nama email 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

More Related