Saturday, 20 March 2010
 
  Home arrow Tutorial Programming arrow Tutorial HTML arrow Belajar HTML - Tutorial HTML 1
template designed by peekmambo.com
 

- 4 langkah mudah belajar bikin web. Langsung praktek!
- TUNGGU TANGGAL TERBITNYA! Buku baru dari Prothelord: Cara Mudah Membuat Desain Web untuk Pemula.
- Bisnis Pulsa Tanpa Biaya Registrasi

Popular
Terbaru !!!
Iklan Kursus
Main Menu
Home
Tutorial Programming
Belajar PHP
Belajar HTML
Belajar MySQL
Belajar Web
Membuat Website
Belajar Visual Basic
Tempat Kursus Web
Contoh Script
Belajar Komputer
Jaringan Komputer
Bisnis Internet
Berita
English Tutorial
My Blog
Artikel
Surat Anda
Forum Prothelonians
Buku
Login Form
Username

Password

Remember me
Forgotten your password?
No account yet? Create one
Statistics
Members: 1301
News: 209
WebLinks: 15
Visitors: 1391095
Belajar HTML - Tutorial HTML 1 PDF Print E-mail
Written by Prothelord   
Saturday, 19 April 2008

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.


Pengen belajar sambil praktek? klik di sini.

Siap? OK, kita akan mulai belajar HTML.

Pengenalan HTML

Apa yang dimkasud dengan file HTML?

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

Pengen belajar sambil praktek? klik di sini.

Salam hangat.
Prothelord.
Oh iya, kalau pengen kursus bikin web & PHP sambil praktek plus dapet duit juga, coba deh belajar di sini . Sok atuh di klik biar kelihatan.


BINGUNG CARI UANG? Coba bisnis jual pulsa elektrik ini:
- COCOK UNTUK USAHA PRIBADI
- GRATIS BIAYA REGISTRASI
- MODAL KECIL BANGET.
- ANTI RUGI, LANGSUNG JALAN
- Pasif income 2 M/bln, bonus 250 jt.
- Saya sudah coba sendiri! Silakan klik di sini, nothing to lose!

Tolong di klik dulu 2 iklan di atas kalau belum ya. Siapa tau cocok buat kamu. Thanks.

Last Updated ( Saturday, 29 August 2009 )
Next >

Comments

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

Posted by fathur, on 08/17/2009 at 23:46

 1 
Page 1 of 1 ( 10 Comments )
©2006 MosCom

You are not authorized to leave comments. Please login first.
Polls
Materi PHP mana yang menurut kamu sangat kurang lengkap?
  
Kursus Online
Insya Allah terbit akhir Maret 2010 !
Nantikan buku karangan Prothelord ini di toko-toko buku kesayangan Anda!

Klik gambar untuk melihat detil
Iklan Indonesia
Related Items
SMO ShoutBox
This is not a Login form

Name:

Message:

Tag Clouds
ketahui baik save code lastid toko 250px namaanda angkasaya listening halaman ngerti berubah error perbedaan session desain terpisah terenkripsi strlen tentu penting memasukkan phptriad berguna kanan background base64 mengisi dikenal

Joomla Modul

Who's Online
We have 28 guests online
Cari melalui Google

Copyright 2000 - 2005 Miro International Pty Ltd. All rights reserved.
Mambo is Free Software released under the GNU/GPL License.

Get The Best Free Mambo Templates at www.peekmambo.com