Latihan Kode HTML Menggunakan Notepad 3

Sebelumnya wajib dibaca, bagi yang belum baca :

Ketik kode berikut :

<html>
<head>
<title>Latihan Kode HTML 3</title>
</head>

<body>
<h1>Latihan Kode HTML 3</h1>
<hr/>
<h2>Link untuk berpindah kedokument lain</h2>
<p>Seperti <a href="http://nanoyulianto.blogspot.com/">Nano Yulianto</a>.</p>
<br/>
<h2>Link untuk dipage yang sama</h2>
<a name="top"></a>
 <ol>
   <li><a href="#satu">Satu</a></li>
   <li><a href="#dua">Dua</a></li>
   <li><a href="#tiga">Tiga</a></li>
   <li><a href="#sdt">Satu Dua Tiga</a></li>
   <li><a href="#selesai">Selesai</a></li>
 </ol>
<br/>
<br/>
<h3><a name="satu">Satu</a></h3>
<p>Aku Sayang Ibu...</p>
<small><a href="#top">back to top</a></small>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h3><a name="dua">Dua</a></h3>
<p>Aku Sayang Ayah...</p>
<small><a href="#top">back to top</a></small>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h3><a name="tiga">Tiga</a></h3>
<p>Sayang Adik Kakak...</p>
<small><a href="#top">back to top</a></small>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h3><a name="sdt">Satu Dua Tiga</a></h3>
<p>Sayang Semuanya...</p>
<small><a href="#top">back to top</a></small>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h3><a name="selesai">Selesai</a></h3>
<p>Selamat ya... Anda naik kekelas 2.</p>
<small><a href="#top">back to top</a></small>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>

Simpan, dilihat dan dicoba...

Induk top menjadi target yang tidak terlihat, karena Nano tidak memberi teks didalamnya. Nano memakai tag <br/> yang supaya diberi jarak saja, atau seperti artikel yang panjang...

Alhamdulillah

Tutorial Nano Yulianto

I am Blogger and Love Design

Latihan Kode HTML Menggunakan Notepad 3

0 comments:

Posting Komentar