Latihan Kode HTML Menggunakan Notepad 2

Yang belum baca latihan sebelumnya, wajib dibaca dahulu :

Latihan 1


Salin kode berikut, kalau bisa diketik :

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

<body>
<h1>Latihan Kode HTML 2</h1>
<p>Mengapa Nano mau berbagi tentang dasar-dasar kode HTML ?.<br/>
<br/>
<b>Alasan saya :</b><br/>
 <ol>
   <li>Sebenarnya artikel ini ditujukan untuk saya sendiri.</li>
   <li>Kalau adik saya ingin belajar menjadi blogger, ya... tinggal baca diblog ini.</li>
   <li>Nano ingin membiasakan diri mengetik kode HTML dan CSS. Makanya setiap artikel Nano tulis manual.</li>
 </ol>
</p>
<p>Apa saja yang sudah anda tulis didalam blog ini ?.<br/>
<br/>
Tidak begitu banyak, tapi terus berlanjut... seperti :<br/>
 <ul>
   <li>Tutorial Blogger</li>
   <li>Template <abbr title="Nano Yulianto">N2y</abbr> Series karya saya</li>
   <li>Menghias blog dengan Javascript dan JQuery... dll</li>
 </ul>
</p>
</body>
</html>

Simpan dan lihat...


Salin kode berikut, kalau bisa diketik. Ingat dengan Notepad yang berbeda atau yang masih kosong.

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

<body>
<h1>Latihan Kode HTML 2</h1>
<p>Mengapa Nano mau berbagi tentang dasar-dasar kode HTML ?.</p>
<p><b>Alasan saya :</b></p>
 <ol>
   <li>Sebenarnya artikel ini ditujukan untuk saya sendiri.</li>
   <li>Kalau adik saya ingin belajar menjadi blogger, ya... tinggal baca diblog ini.</li>
   <li>Nano ingin membiasakan diri mengetik kode HTML dan CSS. Makanya setiap artikel Nano tulis manual.</li>
 </ol>
<p>Apa saja yang sudah anda tulis didalam blog ini ?.</p>
<p>Tidak begitu banyak, tapi terus berlanjut... seperti :</p>
 <ul>
   <li>Tutorial Blogger</li>
   <li>Template <abbr title="Nano Yulianto">N2y</abbr> Series karya saya</li>
   <li>Menghias blog dengan Javascript dan JQuery... dll</li>
 </ul>
</body>
</html>

Simpan dan lihat hasil kedua-duanya dengan tab yang bersebelahan dibrowser anda !, apa yang terjadi... ?


Nano sebisa mungkin memasukan banyak tag, supaya cepat.

Alhamdulillah

0 comments:


Posting Komentar


Creative Commons License
Latihan Kode HTML Menggunakan Notepad 2 by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2010/12/latihan-kode-html-menggunakan-notepad-2.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.