Mengenal Fungsi Link Dan List Pada HTML
Kali ini Sampul ilmu berbagai pengetahuan tentang Mengenal Fungsi 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 komputer
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="#Sampul Ilmu "> Tentang Sampul Ilmu </A> Pada Halaman kerja anda kemudian ketikan artikel sebanyak 1 halaman lebih setelah itu ketikan <A NAME="Sampul Ilmu "></A> <B><U>Tentang Sampul Ilmu :</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 Tergarisbawahi
Link dapat ditampilkan teks yang tidak digaris bawahi.
Contoh:
Ketikan <a href=" contoh1.html" target ="_blank" Style="text-decoration:none"> Sampul Ilmu</a> pada halaman Contoh2.html yang telah dibuat sebelumnya.
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 komputer
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="#Sampul Ilmu "> Tentang Sampul Ilmu </A> Pada Halaman kerja anda kemudian ketikan artikel sebanyak 1 halaman lebih setelah itu ketikan <A NAME="Sampul Ilmu "></A> <B><U>Tentang Sampul Ilmu :</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 Tergarisbawahi
Link dapat ditampilkan teks yang tidak digaris bawahi.
Contoh:
Ketikan <a href=" contoh1.html" target ="_blank" Style="text-decoration:none"> Sampul Ilmu</a> pada halaman Contoh2.html yang telah dibuat sebelumnya.
LIST HTML
Bentuk umum untuk mengguraikan suatu daftar
Bentuk-bentuk list
Type list ordered (Bukan Angka)
Bentuk umum untuk mengguraikan suatu daftar
Bentuk-bentuk list
- List dengan nomor (ordered list)
- List (unordered list)
- List Definisi
- Ordered List
Type list ordered (Bukan Angka)
Type bila tidak disebutkan, maka list berbentuk angka Tag yang digunakan
adalah <OL> dan berpasangan dengan yag <LI> untuk Listnya
Bentuk:
<OL [[Type”Tipe_list”]/[START=“angka”]]>
<LI> Teks
…..
<LI> Teks
</OL>
Bentuk:
<OL [[Type”Tipe_list”]/[START=“angka”]]>
<LI> Teks
…..
<LI> Teks
</OL>
Contoh:
<HTML>
<BODY>
<B>Sahabat Sampul Ilmu</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>Salam Sampul Ilmu</B>
</OL>
</BODY>
</HTML>
Unordered List
List dibuat dengan menggunkana simbol (bullet)
Type list unordered
<HTML>
<BODY>
<B>Sahabat Sampul Ilmu</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>Salam Sampul Ilmu</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>
<UL [Type”Tipe_list]>
<LI> Teks
…..
<LI> Teks
</UL>
Contoh
<HTML>
<BODY>
<B> Sahabat Sampul Ilmu </B>
<UL>
<LI><B> Sampul Ilmu : </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 Sampul Ilmu</B>
</ul>
<hr>
<small><Strong>© 'Sampul 2013</Strong></small>
</BODY>
</HTML>
Definition List
Untuk mendefinisikan indentasi biasa dan gantung, Tag yang digunakan
<HTML>
<BODY>
<B> Sahabat Sampul Ilmu </B>
<UL>
<LI><B> Sampul Ilmu : </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 Sampul Ilmu</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>Sampul Ilmu.</B> 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
<DT><I>BAB II</I>
<DD><B>Sahabat Sampul Ilmu</B> 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
</DL></BODY>
</HTML>
Semoga Mengenal Fungsi Link Dan List Pada HTML Bermanfaat
<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>Sampul Ilmu.</B> 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
<DT><I>BAB II</I>
<DD><B>Sahabat Sampul Ilmu</B> 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
</DL></BODY>
</HTML>
Semoga Mengenal Fungsi Link Dan List Pada HTML Bermanfaat
Tidak ada komentar:
Posting Komentar