- Chapter 1: Cara Membuat Tulisan Bold, Italic, Larger, smaller, dan Struktur Dokumen Pada HTML.
- Chapter 2: Cara Membuat Headings (h1,h2,h3) dan Horizontal Ruled Lines Pada HTML.
- Chapter 3: Cara Membuat paragraph, Align Attribute, Line Break, dan Preformatted Text Pada HTML.
- Chapter 4: Cara Membuat Center Tag dan Body Attributes Pada HTML
- Chapter 5: Penulisan Font dan Text color di HTML
- Chapter 6: Cara Membuat Tag Links dan Images Pada HTML
- Chapter 7: Cara Membuat List Tulisan Pada HTML
- Chapter 8: Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML
 |
| Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document) |
Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document)...
Apakah Anda pernah melihat suatu website yang memiliki sebuah link yang kemudian diarahkan ke halaman yang sama? Seperti contohnya adalah website wikipedia. Bukankah lebih baik untuk dapat mengklik link dan pindah ke daerah lain dalam halaman yang sama? Nah Anda bisa melakukan hal yang serupa.
Anda akan menggunakan tag anchor link yang normal (<A HREF>). Kita akan memulai membuat link navigasi dalam 1 halaman dengan tanda #. Nah selanjutnya kode ini <a name="name_of_area">text</a> yang akan Anda gunakan sebagai target link tersebut, Kemudian untuk memeanggil objek tulisan yang menjadi target Anda tersebut, Anda bisa menggunakan link ini <a href="#name_of_area">text</a> Contoh:
<a id="#section1">Go To Section 1</a><br>
bla<br>
bla<br>
bla<br>
bla<br>
bla<br>
bla<br>
<a name="section1">Welcome To Section 1!</a>
Go To Section 1
bla
bla
bla
bla
bla
bla
Welcome To Section 1
Selain memanggil objek di halaman yang sama, Anda bahkan juga bisa memanggil suatu objek di halaman yang berbeda. misalkan, jika Anda ingin memanggil index.html dengan objek tulisan section2 dan posisi Anda sekarang berada di about.html, maka Anda bisa menggunakan <a href="index.html#section2"> untuk memanggil objek di index.html#section1.