)Membuat halaman website sebenarnya sangat mudah. Bahkan Anda hanya perlu Notepad. Saya ingin mengajak Anda mengenal HTML dengan memulai dari yang sederhana. Berikut cara mudah membuat halaman web hanya dengan Notepad.
Jika Anda pemula, anggap ini latihan sederhana dan untuk selanjutnya jangan bosan-bosan datang ke sini yah..!
Langkah 1
Cari di PC Anda aplikasi NotePad (seharusnya ada). Kemudian ketik sama persis dengan yang di bawah ini (Saya harap Anda tidak melakukan copy & paste. Kalo Anda lakukan itu, percuma dong belajar nulis HTML?)
<HTML>
<HEAD>
<TITLE>Belajar menulis dengan HTML</TITLE>
</HEAD>
<BODY>
<H1>Selamat Datang</H1>
<HR>
<P>Ini adalah halaman web pertama saya. Hore... Saya bisa!!</P>
<HR>
</BODY>
</HTML>Jika sudah, simpan itu di folder Anda dengan pilihan:
File Name : contoh.html
Save as type: All files
Klik ganda pada file yang sudah Anda buat tadi. Maka seharusnya halaman web Anda tampil seperti ini:
Untuk menuliskan paragraf-paragraf Anda, awali selalu dengan tag
<P> dan tutup dengan </P>. Jika Anda ingin meng-editnya, cukup klik kanan pada file html Anda, point to 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 menu View kemudian Source - jika Anda menggunakan IE.Cara Membuat Link atau Navigasi
Edit dengan NotePad file contoh.html kemudian tambahkan isi sebagai berikut:
<HTML>
<HEAD>
<TITLE>Belajar menulis dengan HTML</TITLE>
</HEAD>
<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 mudah dan tidak susah apalagi harus pake kursus, ngga banget lah yah...</P>
</BODY>
</HTML>Jika Sudah, klik SAVE. Masih pada jendela NotePad yang sama, ubah paragraf Anda dengan kaliman Anda sendiri, kemudian SAVE AS sebagai contoh2.html. Jangan ditutup dulu, ubah lagi paragraf Anda untuk menandakan itu halaman ke-tiga dengan kaliman 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 telah menjadi seorang webmaster. Perlu belajar lagi untuk membuat situs yang lebih menawan tampilannya. Untuk itu, besok ke sini lagi yah..!
pak pelajarannya ditambah biar saya bisa donlot punya bapak sekalian blajar
BalasHapusKalau bikin template untuk Blogspot gimana ya?
BalasHapusmakasih, oke banget Om....
BalasHapus@ nia : dari pimp-my-profile.com aja, disitu anda bisa membuat template sendiri, atau memakai yang sudah ada..
BalasHapuswah makasih infonya,bisa dicoba nih..salam kenal..
BalasHapussiip mas,.,.
BalasHapusTRIMA KASIH ATAS INFORMASINYA PAK
BalasHapusTAPI MSH ADA YANG KURANG NI
SAYA D SURUH MASUKIN FOTO K DLM HALAMAN WEB ITU PAK
GMNA Y?????
lagi donk sekalian jelasin koding dan fungsi2nya ...tanks bgt ya.ni ferry good
BalasHapuspak cranya buat domain nya gmana
BalasHapussdfsdd
BalasHapusbagus
aku isak!!!
cara menggunakan PHPTRIADnya gmn ?
BalasHapuspak boleh minta alamt emailnya tidak pak, saya ingin benar2 belajar buat web...
BalasHapusini alamat email saya
panggilabdi_irsyaads@yahoo.co.id
waaahhhh....hebat pak,saya pengen yang lebih lagi...
BalasHapussaya akan mulai blajar......
BalasHapusmau tanya,kalau web yang kita buat mau kita jadikan situs ato blog di internet ieu gimana caranya???mohon bantuannya
BalasHapuspermisi.. kalo mau buat tabel gimana ya?
BalasHapusterimakasih :)
BalasHapusTerima kasih !!!!!!!!!!! Ternyata berhasil juga !!!!!!!!!!!!!!!!!!!!!!! Tapi , isinya jg gak sama dari punya aku . Poko'nya makasih deh :)
BalasHapuswahh mansttappp pakk.. oh ya pak saya bingung untuk upload foto di web melalui notepad.. bisa g pak?? mohon infonya
BalasHapusgambarnya ditimpa teks sgala om, takut ada yang ngikutin ???
BalasHapushahahahh
terima ksih ie atas ilmu nya
BalasHapusbiar pun cedikit
thank ilmunya...hehehe mau nanya dikit lagi ni..kalo mau nambahin animasi n domainnya gmna...?
BalasHapusbagaimana cara membuat tempelate website???
BalasHapusCara bikin backgroundnya dong kasih tau lewat email yoo Hsevfakhri@gmail.com atau invite my pin 3008a204 tq
BalasHapuskolo cara meng-up-loadnya gimana?
BalasHapusmakasih, saya jd lebih tau apa itu HTML. wahh ilmu baru nihh ^_^
BalasHapusga guna lo pak jadi sampah aja sana tai babi jadi babi lo semua waakkkakaka -Dimas beck
BalasHapussetelah d simpen file x!
BalasHapusapa kita harus kluar dr program dulu baru klik Ganda atau langsung saja!
*bingung
yagn ada halam 2 halaman 3 di klik kok ga ada isi ?
BalasHapusdgn kata lain tidak bisa. ?
postingannya mantab Gan, sangat cocok untuk menambah pengetahuan khususnya yang lagi belajar html seperti saya ini gan, salam kenal jangan lupa kunjung balik ya.....
BalasHapusthax jadi tambah ilmu untuk HTML. kunjung baliknya
BalasHapusTHANK'S gan
BalasHapusmakasih banget gan sekali lagi makasih banget
BalasHapusberguna banget :)
bro yang Cara Membuat Link atau Navigasi ada videonya gak kalo ada kirimin ke:michaelifebrian@yahoo.com ya aku gak ngerti caranya
BalasHapusbro gak usah deh yang Cara Membuat Link atau Navigasi aku udah ngerti
BalasHapusmantap gan...
BalasHapusnice info...
nicee
BalasHapusKayaknya,Blog Ini Aja yang Langsung Ksih Tau,yang Lain Tunggu Tunggu Terus -.-
BalasHapuskalo bikin background gambar pd html gmn ?
BalasHapusudah tak tulis sama di atas tp jdinya msh tetep notepad aja nih, tolong solusinya gan?
BalasHapusudah bisa gan, makasih..,
BalasHapuskomunitasbki2011.blogspot.com
BalasHapuskalo edit tema gratisan gimana ya? apa ada kursus tentang edit tema blog dengan notpade ++?
BalasHapuscara buat web yang dari dot(.) com tapi gratis,hahahaa bagaimana om bagi-bagi ilmu dong dikit....
BalasHapusmas kalo di kasih header gmana ?
BalasHapussaya terbantu sekali terima kasih pak
BalasHapusSAYA SANYAT TERBATU SKALI DENGAN SITUS INI
BalasHapusTRIMAKSAIH YA PAK ??
Cara masang gambar ke blog gimana caranya ya om???
BalasHapuskalo bikin gituan aku bisa. tapi aku pengen websiteku dilihat orang lain secara online dan gratis.
BalasHapusnah itu mas maksudnya kalau pake gitu saya bisa , cuma kalau di search oleh orang lain bisa apa engga , masih binggung disitu . u.u
Hapusiya.. aku juga pengen websitequu bisa diliat sma org lain secara online, dan gratiss...
BalasHapushmm.. aku juga pengen website aku bis adiliat sma orang laen,, lwat online dan free
Hapusmaksud nya klik ganda .,. tapi di klik 2x mlah ke buka notepad nx
BalasHapusItu bukan website itu boongan
BalasHapusridwan emng bgtu x perogrman web prnh skla ga?
BalasHapusthanks infonya
BalasHapusGan...ane mau belajar lebih jauh tentang cara membuat web...bisa belajar melalui email ga...
BalasHapusthanks
tois
email : toisletto@gmail.com
plis ya gan..
GAN KEREN BANGET JADI INGIN TAMBAH GIAT BELAJAR NYA :)
BalasHapus