Cara Membuat Website Serderhana Dengan Notepad [2]





HTML adalah sebuah bahasa pemograman. Sama seperti bahasa pemrograman lainnya.
Membuat halaman website sebenarnya gampang2 susah. Bahkan anda hanya perlu notepad. Saya ingin mengajak Anda mengenal HTML dengan memulai dari yang sederhana. Berikut cara mudah membuat halaman Web dengan Notepad.
Jika anda pemula/newbie, anggap ini latihan sederhana untuk jadi webmaster hehe. OK deh kita langsung ke TKP
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>
Jika sudah, simpan itu di folder dengan pilihan :
File Name : contoh.html
Save as type : All files
Klik ganda pada 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...
at

18 comments:

  1. bengellz3 March 2013 at 23:45

    haah...emang bisa sih om

    ReplyDelete
  2. yogatamabas5 March 2013 at 16:14

    @bengellz Bisa lah bro, dicoba aja :D

    ReplyDelete
  3. Anonymous8 April 2013 at 08:35

    Haha bisa lah

    ReplyDelete
  4. Unknown22 April 2013 at 04:36

    makasih yya :) membantu saya banget

    ReplyDelete
  5. DISTRO ONLINE23 April 2013 at 01:51

    membantu banget gan :)

    ReplyDelete
  6. Unknown23 April 2013 at 07:53

    Dah saya coba bisa kok.thanks yah ilmunya.

    ReplyDelete
  7. erick13 May 2013 at 03:15

    hahahahaha!!!

    ReplyDelete
  8. Ridho Arbi25 June 2013 at 21:25

    Om, kalau mau bikin BGround dari foto kita tuh gimana ya...???

    ReplyDelete
  9. yogatamabas25 June 2013 at 22:35

    @expert gini bro , kalo mau pake gambar ketik ini : <body background="JudulGambar.jpg">
    Gambarnya harus di save di folder yang sama dengan html web anda tadi ,.
    Semoga membantu :)

    ReplyDelete
  10. yogatamabas9 July 2013 at 20:23

    @pixma software terimkasih sudah saya follow back :)

    ReplyDelete
  11. Unknown13 July 2013 at 16:07

    Gan cara mempublikasikannya gimana??

    ReplyDelete
  12. Unknown27 July 2013 at 07:26

    kalau masalah membuatnya, itu dalam satu tab Notepad, atau butuh 2 Notepad?

    ReplyDelete
  13. Unknown27 July 2013 at 09:01

    Ko ga bisa di lihat orang lain? gimana caranya?

    ReplyDelete
  14. PANE6 August 2013 at 04:31

    Bagaimana cara mengisi yang ada di halaman 2 ?......

    ReplyDelete
  15. JKT Sugoi30 August 2013 at 07:46

    keren bro

    ReplyDelete
  16. Anonymous16 September 2013 at 17:38

    ada list command buat bkin tulisannya bergerak atau berubah" atau apa gtu ga om ?

    ReplyDelete