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...
