Kegunaan
Fragmen URL sering digunakan untuk memudahkan navigasi artikel panjang yang mempunyai daftar isi. Topik-topik pada daftar isi berisi link untuk penjabaran. Pembaca artikel dapat menelusuri artikel per topik lebih cepat dari daftar isi.
Di bagian paling bawah halaman biasanya juga dibuat fragmen url untuk kembali ke bagian atas.
Sintak penulisan fragmen url
<a href="#nama_id">Teks link</a>
nama_id diganti dengan id link yang ditargetkan.
Teks link diganti dengan keterangan link.
Untuk id link-nya: <div id="nama_id">penjabaran topik...</div>
Contohnya, artikel yang menjabarkan tentang penulisan skripsi yang mempunyai daftar isi, sala satunya: "Cara mengutip langsung". Maka fragmen url-nya, misalnya id link-nya bernama "kutiplangsung": <a href="#kutiplangsung">Cara mengutip langsung</a>. Maka id link targetnya adalah: <div id="kutiplangsung">Di sini penjelasan cara mengutip langsung…bla..bla….</div>
Contoh: fragmen.html
<!DOCTYPE HTML>
<html>
<head>
<title>Contoh fragmen URL</title>
<style type="text/css">
body{width: 500px;}
#content{margin: 10px;}
#daftar_isi{width:200px;border: 1px solid #333;}
hr {border: 1px solid #000;}
</style>
</head>
<body>
<div id="content">
<p>Menulis skripsi merupakan kewajiban bagi mahasiswa sebagai
syarat untuk mendapatkan gelar sarjana. Skripsi ditulis menggunakan
bahasa Indonesia sesuai Ejaan Yang Disempurnakan dan mematuhi
aturan-aturan lain seperti cara mengutip, cara membuat daftar pustaka,
pengaturan margin teks, spasi dan lainnya.
</p>
<p>Mahasiswa Sistem Informasi mengerjakan 2 kali lebih berat daripada
mahasiswa umum. Sebab, selain skripsi harus mengerjakan program, misalnya
sistem informasi. Program harus sesuai dengan rancangan yang terdapat
pada bab IV.
</p>
<p>Setelah skripsi telah selesai disusun, maka tahap selanjutnya adalah
ujian komprehensif. Mahasiswa menjelaskan secara umum tentang skripsi yang
dibuatnya kemudian dosen penguji melontarkan beberapa pertanyaan dan saran.
Beberapa perbaikan mungkin saja terjadi.
</p>
<p>Setelah kompre dan memperbaiki beberapa kekurangan-kekurangan kemudian
konsul lagi, maka tahap selanjutnya adalah penjilidan. Skripsi dijilid dan
meminta tanda tangan dari dosen penguji dan dosen pembimbing.
</p>
<div id="daftar_isi">
Daftar isi:<br />
- <a href="#kutiplangsung">Cara mengutip langsung</a><br />
- <a href="#jrspasi">Jarak spasi antar paragraf</a><br />
- <a href="#tuf">Tulisan dan ukuran font</a><br />
</div>
<hr />
<div id="kutiplangsung">
<b>Cara mengutip langsung</b><br />
<p>
Jika kutipan sama atau kurang dari lima baris, kutipan diapit tanda kutip dua ("),
menggunakan spasi ganda. Jika lebih dari lima baris, diketik dengan spasi
tunggal dan dipisahkan dengan kalimat pembuka. Jika mengutip dari buku,
contohnya: Menurut Jogianto (2005:10) Sistem adalah "sekumpulan..bla bla..".
</p>
<p>
Jika kutipan sama atau kurang dari lima baris, kutipan diapit tanda kutip dua ("),
menggunakan spasi ganda. Jika lebih dari lima baris, diketik dengan spasi
tunggal dan dipisahkan dengan kalimat pembuka. Jika mengutip dari buku,
contohnya: Menurut Jogianto (2005:10) Sistem adalah "sekumpulan..bla bla..".
</p>
<p>
Jika kutipan sama atau kurang dari lima baris, kutipan diapit tanda kutip dua ("),
menggunakan spasi ganda. Jika lebih dari lima baris, diketik dengan spasi
tunggal dan dipisahkan dengan kalimat pembuka. Jika mengutip dari buku,
contohnya: Menurut Jogianto (2005:10) Sistem adalah "sekumpulan..bla bla..".
</p>
<p>
Jika kutipan sama atau kurang dari lima baris, kutipan diapit tanda kutip dua ("),
menggunakan spasi ganda. Jika lebih dari lima baris, diketik dengan spasi
tunggal dan dipisahkan dengan kalimat pembuka. Jika mengutip dari buku,
contohnya: Menurut Jogianto (2005:10) Sistem adalah "sekumpulan..bla bla..".
</p>
</div>
<div id="jrspasi">
<b>Cara spasi antar paragraf</b><br />
<p>
Semua jarak antar paragraf menggunakan spasi ganda. Untuk mengatur margin
di Microsoft Word; pilih tab Home, di bagian Paragraf klik Line Spacing.
</p>
<p>
Semua jarak antar paragraf menggunakan spasi ganda. Untuk mengatur margin
di Microsoft Word; pilih tab Home, di bagian Paragraf klik Line Spacing.
</p>
<p>
Semua jarak antar paragraf menggunakan spasi ganda. Untuk mengatur margin
di Microsoft Word; pilih tab Home, di bagian Paragraf klik Line Spacing.
</p>
<p>
Semua jarak antar paragraf menggunakan spasi ganda. Untuk mengatur margin
di Microsoft Word; pilih tab Home, di bagian Paragraf klik Line Spacing.
</p>
<p>
Semua jarak antar paragraf menggunakan spasi ganda. Untuk mengatur margin
di Microsoft Word; pilih tab Home, di bagian Paragraf klik Line Spacing.
</p>
<p>
Semua jarak antar paragraf menggunakan spasi ganda. Untuk mengatur margin
di Microsoft Word; pilih tab Home, di bagian Paragraf klik Line Spacing.
</p>
<p>
Semua jarak antar paragraf menggunakan spasi ganda. Untuk mengatur margin
di Microsoft Word; pilih tab Home, di bagian Paragraf klik Line Spacing.
</p>
</div>
<div id="tuf">
<b>Tulisan dan ukuran font</b><br />
<p>
Semua teks menggunakan font Times New Roman, ukuran 12 point (pt). Untuk
sumber buku dalam penulisan judul gambar dan tabel ukuran font 10 pt.
</p>
<p>
Semua teks menggunakan font Times New Roman, ukuran 12 point (pt). Untuk
sumber buku dalam penulisan judul gambar dan tabel ukuran font 10 pt.
</p>
<p>
Semua teks menggunakan font Times New Roman, ukuran 12 point (pt). Untuk
sumber buku dalam penulisan judul gambar dan tabel ukuran font 10 pt.
</p>
<p>
Semua teks menggunakan font Times New Roman, ukuran 12 point (pt). Untuk
sumber buku dalam penulisan judul gambar dan tabel ukuran font 10 pt.
</p>
<p>
Semua teks menggunakan font Times New Roman, ukuran 12 point (pt). Untuk
sumber buku dalam penulisan judul gambar dan tabel ukuran font 10 pt.
</p>
</div>
<hr />
<a href="#daftar_isi">Kembali ke atas (Daftar isi)</a>
</div>
</body>
</html>Silahkan simpan skrip fragmen.html di atas dan klik salah satu bagian daftar isi untuk melihat cara kerjanya.
Referensi tulisan:
- a; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 09 April 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
No comments:
Post a Comment