Kali ini saya berbagai pengetahuan tentang Cara Membuat
Link Dan List pada HTML, Mudah-mudahan dapat dijadikan sebagai bahan
pembelajaran buat sahabat sampul ilmu.
LINK
HTML
Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan
dokumen ke dokumen dalam web. Hyperlink biasa disebut dengan hypertext link
Tag
Anchor
HTML menggunakan tag <a>
untuk membuat link
Link
Relatif
Link dalam page ke page yang lain dalam satu computer
Contoh
1:
Buatlah Folder di Drive D dengan Nama Coba Kemudian Buka
Aplikasi Notepad Kemudian Ketikan <a
href=“Contoh2.html”>Next</a> Setelah selesai simpan dengan
nama Contoh1.html, sebelum dijalankan buat terlebih dahulu halaman Contoh2.html
sama seperti langkah diatas di drive D pada komputer anda. Untuk meliha
hasilnya clik Halaman Contoh1.html
Contoh
2:
Buatlah Folder di Drive D dengan Nama Coba setelah itu buat
lagi Folder dengan Nama Contoh didalam Folder Coba Kemudian Buka Aplikasi
Notepad Kemudian Ketikan <a
href=“/contoh/contoh2.htm”> Berikut</a> Setelah selesai
simpan dengan nama Contoh1.html di dalam folder Coba (ingat bukan didalam
folder Contoh), sebelum dijalankan buat terlebih dahulu halaman Contoh2.html
sama seperti langkah diatas Didalam Folder Contoh. Untuk melihat hasilnya clik
Halaman Contoh1.html pada Folder Coba.
Link Absolut
Membuat
link web page ke web site lain di Internet.
Contoh:
<a
href=“http://www.Facebook.com”> Facebook</a> Membuat link ke Facebook
<a
href=“http://www.yahoo.com”> yahoo</a> Membuat link ke web site yahoo
Link ke Bagian lain dalam Dokumen
Link jenis
ini dibuat apabila dokumen html cukup panjang
Contoh:
Ketikan <A HREF="#Technology & engenerring"> Tentang Technology & engenerring </A> Pada Halaman kerja
anda kemudian ketikan artikel sebanyak 1 halaman lebih setelah itu ketikan <A NAME="Technology & engenerring "></A>
<B><U>Tentang Technology & engenerring :</U></B> kemudian
ketikan kembali artikel pada halaman tersebut.
Link ke Windows Baru
Melakukan
link ke page lain dan membukanya pada jendela baru
Contoh:
Ketikan <a href=“contoh1.htm”
target=“_blank”>Tab Baru</a> pada halaman Contoh2.html yang
telah dibuat sebelumnya.
Link yang tidak Tergaris bawahi
Link dapat ditampilkan teks yang
tidak digaris bawahi.
Contoh:
Ketikan <a href="
contoh1.html" target ="_blank"
Style="text-decoration:none"> Technology & engenerring</a>
pada halaman Contoh2.html yang telah dibuat sebelumnya.
LIST
HTML
Bentuk
umum untuk mengguraikan suatu daftar
Bentuk-bentuk
list
- List dengan nomor (ordered list)
- List (unordered list)
- List Definisi
- Ordered List
List
dibuat dengan menggunkana angka dan atau abjad
Type
list ordered (Bukan Angka)
Type
bila tidak disebutkan, maka list berbentuk angka Tag yang digunakan adalah
<OL> dan berpasangan dengan tag <LI> untuk Listnya
Bentuk:
<OL [[Type”Tipe_list”]/[START=“angka”]]>
<LI> Teks…..<LI> Teks</OL>
Contoh:
<HTML>
<BODY>
<B>Sahabat Technology & engenerring</B>
<OL TYPE="I">
<B><LI>Contoh</B>
<OL Type="A" START="D" >
<LI>Sampul :
<OL>
<LI>Tekom
<LI>Pika</OL>
<LI>Ilmu :<OL>
<LI>Yahoo
<LI>Facebook
</OL></OL>
<B><LI>Technology & engenerring</B>
</OL></BODY></HTML>
Unordered
List
List
dibuat dengan menggunkana simbol (bullet)
Type
list unordered
Tag
yang digunakan adalah <UL> berpasangan
dengan tag <LI>Bentuk:
<UL [Type”Tipe_list]>
<LI> Teks…..<LI> Teks</UL>
Contoh:
<HTML>
<BODY>
<B> Sahabat Technology & engenerring</B>
<UL><LI><B> Technology & engenerring:
</B> <UL>
<LI>Sampul
: <UL>
<LI><U>Tekom</U>
<LI><U>Pika</U>
</UL>
<LI>Ilmu :<UL>
<LI><U>Yahoo</U>
<LI><U>Facebook</U>
</UL></UL>
<LI><B>Salam Technology & engenerring</B>
</ul>
<hr>
<small><Strong>© 'Sampul
2013</Strong></small>
</BODY></HTML>
Definition
List
Untuk
mendefinisikan indentasi biasa dan gantung, Tag yang digunakan
Contoh:
1
<HTML>
<BODY>
<DD><I> Kali ini sampul ilmu berbagai pengetahuan
tentang Cara Membuat Link Dan List pada HTML, Mudah-mudahan dapat dijadikan
sebagai bahan pembelajaran buat sahabat sampul ilmu. Dokumen HTML
menggunakan hyperlink (anchor) untuk menghubungkan dokumen ke dokumen dalam
web. Hyperlink biasa disebut dengan hypertext link </I>
<DD>Salam Sampul Ilmu
</BODY></HTML>
Contoh:
2
<HTML>
<BODY>
<DL>
<DT><I>BAB I</I> <DD><B>Technology & engenerring.</B> Kali ini Technology & engenerring berbagai pengetahuan tentang Cara Membuat
Link Dan List pada HTML, Mudah-mudahan dapat dijadikan sebagai bahan
pembelajaran buat sahabat sampul ilmu. Dokumen HTML menggunakan hyperlink
(anchor) untuk menghubungkan dokumen ke dokumen dalam web. Hyperlink biasa
disebut dengan hypertext link
<DT><I>BAB II</I>
<DD><B>Technology & engenerring</B> Kali ini Technology & engenerring berbagai pengetahuan tentang Cara Membuat Link Dan List pada HTML,
Mudah-mudahan dapat dijadikan sebagai bahan pembelajaran buat sahabat sampul
ilmu. Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan
dokumen ke dokumen dalam web. Hyperlink biasa disebut dengan hypertext link
</DL></BODY>
</HTML>
Note: Sekian dari INFO saya mohon maaf bila ada salah dalam penulisan dan semoga bermanfaat bagi bloggers
0 komentar:
Posting Komentar