Diposting oleh urng bdk tkj On 00.25



Menghubungkan Text dan Dokumen




Menghubungkan Text dan Dokumen













Pendahuluan Bab 1 2 3 4 5


Pada bab ini kita akan membahas cara menghubungkan text atau web dokumen yang kita buat ke lokasi tertentu atau sering disebut dengan Hyperlinks.

Kita dapat menghubungkan text kita dengan file dan email lainnya, bisa juga kita hubungkan dalam halaman yang sama ataupun halaman yang berbeda.


1. Menghubungkan Text kita dengan file lain dan email lain

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:



Silahkan <a href="hal1.html">klik disini </a>untuk membuka halaman pertama.<br>

Silahkan <a href="http://www.geocities.com/riyanto_its/html.html">klik disini </a>untuk membuka web belajar HTML.<br>

Silahkan <a href="mailto:sigit@ece.ibaraki-ct.ac.jp">klik disini </a>untuk mengirim email ke Sigit.<br>



Hasilnya silahkan di lihat disini.



2. Menghubungkan Text Pada Halaman Yang Sama

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:



<h2>Klik tulisan bergaris untuk membaca text secara penuh</h2><br>

<a href="#BS"><i>Paragraf Satu</i></a><br>

<a href="#BD"><i>Paragraf Dua</i></a><br>

<h1>Membaca Artikel Penuh>/h1><br>

<h2><a name="BS">Paragraf Satu</a></h2><br>

Ini tulisan pertama.<p>

Ini tulisan kedua.<p>

Ini tulisan ketiga.<p>

Ini tulisan keempat.<p>

Ini tulisan kelima.<p>

Ini tulisan keenam.<p>

Ini tulisan ketujuh.<p>

<h2><a name="BD">Paragraf Dua</a></h2><br>

Ini tulisan pertama.<p>

Ini tulisan kedua.<p>

Ini tulisan ketiga.<p>

Ini tulisan keempat.<p>

Ini tulisan kelima.<p>

Ini tulisan keenam.<p>

Ini tulisan ketujuh.<p>



Hasilnya silahkan di lihat disini.



3. Menghubungkan Text Pada Halaman Lain

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:



<h2>Klik tulisan bergaris untuk membaca text secara penuh</h2><br>

<a href="para1.html"><i>Paragraf Satu</i></a><br>

<a href="para2.html"><i>Paragraf Dua</i></a><br>



Hasilnya silahkan di lihat disini.



Mudah sekali khan? Sekarang buka Bab 5




Category : edit post

0 Response to " "