Monday, 11 December 2017

Cara Membuat Website Sederhana Dengan Notepad

Advertisement


HTML adalah sebuah bahasa pemograman. Sama seperti bahasa pemrograman lainnya. Membuat halaman website sebenarnya sedikit susah. Berikut cara mudah membuat halaman Web dengan Notepad.

Langkah 1
Star Menu > All Program > Accessories > Notepad ( Windows + R ). Kemudian ketik Source dibawah ini :
<HTML>
<HEAD>
<TITLE>Belajar menulis dengan HTML</TITLE>
</HEAD>
<BODY>
<H1>Selamat Datang</H1>
<HR>
<P>Ini adalah halaman web pertama saya!!!</P>
<HR>
</BODY>
</HTML>

simpan difolder dengan:
File Name : tes.html
Save as type : All files
Open file yang sudah Anda buat tadi. Maka akan tampil halaman Web seperti ini

Untuk menulis paragraf – paragraf Anda, awali selalu dengan tag dan tutup Jika Anda ingin meng-editnya, cukup klik kanan pada file html Anda, point open with, pilih Notepad. Sebagai bahan untuk belajar buat Anda, Masih pada halaman ini, silahkan ketik CTRL+U – jika Anda menggunakan Mozila FireFox, atau pilih view kemudian Source- jika Anda menggunakan IE.

Cara Mebuat Link atau Navigasi

Edit dengan Notepad file contoh.html kemudian tambahkan isi sebagai berikut :
<HTML>
<HEAD>
<TITLE>Belajar menulis HTML</TITLE>
<BODY>
<H1>Selamat Datang</H1>
<HR>
<p><a href=”contoh.html”>Home</a>|<a href=”contoh2.html”>Halaman 2</a>|<a href=”contoh3.html”>Halaman 3</a></p>
<HR>
<p>Ini adalah paragraf pertama dari halaman homepage. Belajar HTML itu sangatlah mudah tidak perlu pake kursus...</p>
</BODY>
</HTML>

Jika sudah klik SAVE, Masih pada jendela Notepad yang sama, ubah paragraf Anda dengan kalimat Anda sendiri, kemudian SAVE AS sebagai contoh2.html. Jangan ditutup dulu, ubah lagi paragraf Anda untuk menandakan itu halaman ke-tiga dengan kalimat Anda sendiri, kemudian SAVE AS sebagai contoh3.html.
Sekarang buka salah satu file HTML Anda kemudian coba klik pada navigasi / link yang baru Anda buat. Jika link Anda bekerja, SELAMAT Anda SUKSES


Sekian dulu,,semoga tutorial cara mudah membuat halaman Web dengan Notepad bermanfaat bagi kita semua...

Artikel Terkait


EmoticonEmoticon