Belajar HTML gratis, mudah dan menyenangkan di prothelon.com aja. Nah kita mulai ya. Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.
Saya bisa dengan singkat menjelaskan sabagai berikut. HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.
Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.
Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.
- HTML merupakan kependekan dari Hyper Text markup Language
- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
- File HTML harus memiliki ekstensi htm atau html
- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.
Pengen Nyoba Bikin? Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad). Ketikkan teks berikut:
<html> <head> <title>Judul Halaman</title> </head> <body> Ini halaman pertama saya. <b>Teks ini ditebalkan</b> </body> </html>
Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt). Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat. Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas. Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>. Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML. Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser. Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu). Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu. Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal. Nah, dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah J. Mudah-mudahan. Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML. Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya. Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya tentang elemen HTML. Check back soon for new tutorial.
Suka? Tolong kasih tahu ke temen-temen kamu ya :) Gampang kok, tinggal klik tombol SHARE berikut ini dan login ke facebook atau twitter kamu. Thanks.
Cara Mudah Belajar Membuat Website!(Highly recommended) Khusus PEMULA, lengkap, praktis, terstruktur & langsung praktek. RIBUAN peserta sudah merasakan manfaatnya. Sok atuh di klik, siapa tau cocok...
KLIK DI SINI
Bisnis Pulsa Elektrik Paling Menguntungkan! TANPA BIAYA REGISTRASI apa pun ( Gratis / FREE !)
Jadikan HP Anda sebagai "aset" yang membanjiri rekening Anda
Dapatkan! Bonus Rp 275 Juta
Plus! Pasif income Rp 2 Milyar / bulan !!!
KLIK DI SINI
@hayun: kamu bisa lakukan dengan PHP dan MySQL. @koko: good luck to U bro :) @zainal: error itu karena nama filenya tidak ketemu atau salah.
Posted by Prothelord, on 07/14/2010 at 10:08
Saya sudah buat seperti yang di sarankan tapi saat browsing kenapa ga bisa di buka ya 'cannot display webpage'
Yang saya buat sbb'
Pengalamanku
Ini adalah pengalamanku yang Pertama.baru
saya save 'baru.html'
Mohon sarannya:
Posted by zainal, whose homepage is here on 06/30/2010 at 18:08
Dari apa yg saya tangkap dari Tutorial yg Bang Admin tulis,rasanya itu bermanfaat sekali,apalagi buat orang seperti saya yg masih buta akan hal ini. Terus terang,backgroud saya hanyalah SMA dan sama sekali tidak 'mudeng' apa itu yg dinamakan bahasa pemrograman etc.Selama ini saya hanya jadi user dan menjalankan aplikasi-aplikasi 'jail' dunia maya yg didapat dari Web/Blog kreasi org lain. Well,semoga dengan tutorial ini akan memberi banyak manfaat buat saya (tentunya buat semua yg ingin belajar),hingga suatu saat nanti sayalah yg menjadi Admin,bukan hanya User yg cuma Register,Login dan Download saja kerjaannya. ^:)^ Thanx Bang Admin atas tulisannya
Posted by koko, whose homepage is here on 04/12/2010 at 13:33
Sobat,, hayyun minta tolong. bagaiman bikin web dinamis skul (yang gratis).. Ini untuk keperluan Proye akhir. Disini, isinya harus memuat profil, trus upload materi. sedangkan saya, sama sekali blum pernah di latih seperti itu. Tolong dikirim ya Mas. terimakasih
Posted by hayyun habibah, whose homepage is here on 12/07/2009 at 14:59
thx 4 share ...
Posted by .:4ndh1-0nL1n3:., whose homepage is here on 12/05/2009 at 14:55
@zlivsaputra: Bener tuh Bro. Saya juga pernah nulis tentang urut-urutan yang saya sarankan untuk belajar membuat website di sini Langkah-langkah belajar membuat website. @fathir: mohon maaf saya tidak bisa mengirimkan via email. Silahkan saja kunjungi website ini untuk belajar langsung. Salam hangat. Prothelord
Posted by Prothelord, on 12/05/2009 at 10:51
permisi kk prothelord numpang gabung sayah bwt belajar.. abisan kerasa saya di kucilkan gara' gag bisa html, apa lg lingkungan saya maenannya php.. T_T, pas mau belajar php kudu dari html ternyata.. ya udah step by step deh..
Posted by zlivsaputra, on 12/04/2009 at 09:49
tolong tutorialx d emailku
Posted by fathir, on 11/25/2009 at 12:06
sama 2 kawan2 kita juga lagi tahap pembelajaran
Posted by wahyu, whose homepage is here on 09/17/2009 at 22:28
Artikelnya bagus, sangat berguna banget buat saya... makasih banyak...
Posted by TEDI ROSTENDI, whose homepage is here on 09/14/2009 at 11:47
wah,, kalo gratis mau donk... slam kenal buat adminnya. Jngn lupa kunjungan baliknya...
Posted by shevy, whose homepage is here on 08/23/2009 at 01:19
Bukan basa basi Bro. Tutorial di prothelon.com lumayan lengkap dan gratis. Coba cek dulu deh tutorial lainnya, atau kalau lebih gampang, klik Next di bagian bawah setiap tutorial. Sebagai informasi, sampai saat ini sudah ada 174 tutorial dan artikel yang ada di prothelon.com. Khusus untuk tutorial, silahkan mulai cek di sini [prothelon.com]. Sampai saat ini ada sekitar 50 tutorial yang ada di sana, semuanya berurutan dan mulai dari basic. Terus terang yang paling lengkap dan saya anggap udah beres baru Dasar PHP aja. Yang lainnya seperti HTML dan MySQL masih terus saya tambah sedikit demi sedikit. Saya memang memiliki web site berbayar, tetapi buat yang seneng gratisan juga saya sediakan di sini kok Bro. Jangan khawatir. Jadi, cek dulu semua isi prothelon.com sebelum comment ya. Tutorialnya bener-bener ada, kamu cuman harus sedikit lebih teliti dan ga buru-buru aja kok. Salam hangat. Prothelord
Posted by Prothelord, on 08/18/2009 at 05:19
yah... ujung nya bayar juga..... masih banyak tutorial HTML yang gratis bro.... makasi basa basinya ya...
Home 
Tutorial Programming 
