Rabu, 07 Desember 2011

Belajar HTML

Mari belajar HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.

Pengenalan HTML

Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
<html> <head> <title>Titel Websiteku</title> </head> <body> Ini adalah dokumen HTML pertamaku </body> </html>
Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.

Tag Dasar HTML

Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html> <head> <title>Disini titel websiteku</title> </head> <body> Disini adalah konten yang tampil di browser </body> </html>
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Titel
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).

Format Font HTML

Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
<html> <head></head> <body> Untuk membuat jenis font (face): <h1><font face="Verdana">Judul dengan font Verdana</font></h1> <p><font face="Times">Konten dengan font Times</font></p> Untuk membuat ukuran (size): <h1><font size="5">Judul dengan size 5</font></h1> <p><font size="3">Konten dengan size 3</font></p> Untuk membuat warna font (color): <h1><font color="blue">Judul dengan warna biru</font></h1> <p><font color="red">Konten dengan warna merah</font></p> Contoh komplit untuk membuat jenis font (face),size dan color: <h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1> <p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br> tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p> </body> </html>
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
<html> <head></head> <body> Untuk membuat jenis font (face): <h1 style="font-family:verdana">Judul Menggunakan font verdana</h1> <p style="font-family:tahoma">Konten menggunakan font tahoma</p> Untuk membuat ukuran (size): <h1 style="font-size:150%">Judul dengan ukuran 150%</h1> <p style="font-size:80%">Konten dengan ukuran 80%</p> Untuk membuat warna font (color): <h1 style="color:blue">Judul dengan warna Biru</h1> <p style="color:red">Konten dengan warna merah</p> Contoh komplit untuk membuat jenis font (face),size dan color: <p style="font-family:verdana;font-size:80%;color:green"> Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br> menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p> </body> </html>
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.

Format text HTML

Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:
<html> <head> <title>Selamat Datang di Websiteku</title> </head> <body> Ini adalah halaman HTML pertamaku. <p>Aku sedang membuat paragraf dan ini contohnya.</p> <p>Ini contoh paragraf yang lainnya.</p> <p>Ini juga paragraf mm...tapi de-<br> ngan baris baru.<br> Ini baris baru yang lain.</p> </body> </html>
Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html> <head> <title>Selamat Datang di Websiteku</title> </head> <body> <hr> <h1>Ini adalah halaman HTML pertamaku.</h1> Dikerjakan oleh: <!-- Tolong isikan dengan nama anda --> <hr> <p>Aku sedang membuat paragraf dan ini contohnya.</p> <p>Ini contoh paragraf yang lainnya.</p> <p>Ini juga paragraf mm...tapi de-<br> ngan baris baru.<br> Ini baris baru yang lain.</p> </body> </html>
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Kemudian ada <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Selanjutnya tag <!–…–> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
<html> <head></head> <body> <hr> <h1>Ini adalah halaman HTML pertamaku.</h1> Dikerjakan oleh: <!-- Tolong isikan dengan nama anda --> <hr> <p>Aku sedang mempelajari format-format teks.<br> Contoh-contohnya adalah sebagai berikut:</p> <p>Teks Normal<br> <tt>Teks mesin ketik</tt><br> <b>Teks tebal (bold)</b><br> <strong>Teks tebal dengan perintah Strong</strong><br> <i>Teks dengan italic (miring)</i><br> <em>Teks miring dengan perintah Emphasized</em><br> <u>Teks bergaris bawah (underline)</u><br> <strike>Teks tercoret (strike)</strike><br> <big>Teks lebih besar dari normal</big><br> <small>Teks lebih kecil dari normal</small><br> Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br> Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p> </body> </html>
Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:
 <html> <body> <pre>    <b>PUITUIS ASA</b>    Hari ini...    Aku sedang belajar...    Belajar tentang HTML.       Sulit 'ntuk dimengerti,       Karena banyaknya teks-teks aneh.       Tapi biarlah...    Akan kucoba...    Sampai pingsan. </pre> </body> </html>
Hyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:
<html> <head></head> <body> <p>Aku sekarang sedang membuat hyperlink</p> Jika anda ingin mengunjungi Microsoft <a href="http://www.microsoft.com/">Klik disini</a><br> <a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com <p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p> <a href="http://www.mp3.com/"target="_blank">Website Musik</a> <p>Agar hyperlink tidak bergaris bawah:<p> <a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a> <p>Hyperlink ke suatu halaman tertentu dalam web:<p> <!--dengan catatan anda harus tau nama halaman tujuan tersebut--> <a href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css. </body> </html>
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan extentionnya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a>
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31" align="left"></a>
Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:
<a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"><img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a>
Text Alternatif Yahoo.com Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
<a href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"></a>

Background HTML

Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html> <head></head> <body bgcolor="#FF99FF"> <p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p> <p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p> </body> </html>
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00"> <body bgcolor="rgb(250,250,0)"> <body bgcolor="yellow">
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
<html> <head></head> <body background="background.jpg"> <font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2"> <p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br> Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p> </body> </html>
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html> <head></head> <body background="http://i52.tinypic.com/nmm2cz.jpg"> <p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p> <p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p> </body> </html>
Posted on April 19th, 2008 in Belajar HTML by Masim man
»

127 Responses to “Belajar HTML”

  1. Kanee says:
    August 3, 2008 at 11:06
    mohon pencerahannya bos masim man
    sama itu bedanya apaan yah…heheheheh
    biasa newbie bos
    Reply
  2. Kanee says:
    August 3, 2008 at 11:08
    ngulang pertanyaan nih:
    mohon pencerahannya bos masim man
    ( sama ) itu bedanya apaan yah…heheheheh
    biasa newbie bos
    Reply
  3. Kanee says:
    August 3, 2008 at 11:10
    loh kok ga timbul sih..
    ngulang lg deh:
    gini aja deh… h1 sama p itu beanya apaan yah?????
    Reply
  4. WiseGuy says:
    December 29, 2008 at 10:46
    Perbedaan tag dan tag
    Tag itu digunakan untuk judul atau headline ya bos Kanee. Untuk headline ada dari sampai . Yang paling besar hurufnya ya
    Sedangkan tag fungsinya utk ganti paragraph. Perbedaannya dgn tag ialah pada hasil tag disertakan satu baris kosong sementara pada hasil tag tidak ada baris kosong.
    Reply
  5. Qya says:
    January 3, 2009 at 08:16
    cra bljr HTMLx aQ copy yach..
    n thx..
    Reply
  6. Cha says:
    January 12, 2009 at 09:28
    woi…………
    payah bangetzz……….
    buat web nya…
    pecah ne pala gw…………..
    bantuin gw napa sech???
    please………..
    i need u help guys….
    help me………………
    Reply
  7. Masim Man says:
    January 12, 2009 at 12:29
    Hi Cha,
    What can I do for you?
    Reply
  8. Makmure says:
    January 28, 2009 at 11:39
    sy tau cara ini dr tmn. apa ada cara yang lbh ringkas?
    Reply
  9. Adi says:
    February 7, 2009 at 03:41
    Liat aja blog.com kamu tinggal klik aja
    Reply
  10. ORY says:
    February 11, 2009 at 03:30
    gw tau cara yg lbh ringkas…..untk membuka HTML….
    Reply
  11. Dani says:
    February 24, 2009 at 04:20
    Kawan,kalau html ini aku coba di wapsite kayak wen.ru bisa ga?? Thanks ya buat jawabannya
    Reply
  12. Masim Man says:
    February 24, 2009 at 17:56
    Hi Dani,
    Untuk wapsite, itu menggunakan bahasa lain yang disebut dengan WML (Wireless Markup Language), walaupun wapsite tetap saja menggunakan tag-tag dari html tapi ada tag-tag wml yang harus kita pelajari untuk membuat halaman wapsite.
    Reply
  13. Rui says:
    March 16, 2009 at 12:45
    Hai Dani.,
    Thanks udh memberi kemudahan untuk belajar web bagi pemula seperti saya dan terus buat blog yang memberikan pengarahan seperti ini.,
    Reply
  14. Marozib says:
    March 18, 2009 at 02:55
    thx ats tutortialnya bozz,
    tpi klo via php easy g
    Reply
  15. Saut says:
    March 21, 2009 at 18:31
    Selamat datang di Websiteku
    Hai… Saat ini saya sedang belajar membuat latar belakang dengan tabel,
    maklum baru belajar he,he,he,he,he…
    Reply
  16. Saut says:
    March 21, 2009 at 18:41
    html>
    Aku sekarang sedang membuat hyperlink
    Jika anda ingin mengunjungi Microsoft
    Klik disini
    Link ini akan membawa anda ke Yahoo.com
    Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:
    Website Musik
    Agar hyperlink tidak bergaris bawah:
    Website Musik
    Hyperlink ke suatu halaman tertentu dalam web:

    Link ini akan membawa anda ke halaman belajar css.
    Reply
  17. Kyuby says:
    March 28, 2009 at 07:30
    lagi belajarKlik disini
    Reply
  18. MadingAnakIndonesia says:
    May 9, 2009 at 07:01
    Ada yang ingin membantu membuat script untuk situs kami yang kami buat untuk anak-anak? Terima kasih.
    Reply
  19. Dedexs says:
    May 17, 2009 at 01:00
    maks..ats smuanya..
    saya mulai memahami nya..!!
    dan saya akan terus belajar&belajar..
    hehehehehehhhe
    Reply
  20. Rony says:
    June 7, 2009 at 06:37
    wadduuuu…. sudah dua bulan aku cari tutorial yg gampang difahami. ni baru ketemu. walau baru tak baca sebagian kecil, tapi rasane tutorial yg disini aku bisa maksud karepe.kalo temen2 ada yg punya pengalaman aku minta di bagi ilmunya ya. tolong di email ke aku. pelangi_puri_pati@yahoo.co.id. makasih banget ya mas masim.
    Reply
  21. Kelly Brown says:
    June 13, 2009 at 08:50
    Great post! I’ll subscribe right now wth my feedreader software!
    Reply
  22. Riezal says:
    June 23, 2009 at 09:48
    Nice blog. . .
    Kunjungi blog q jg yach
    http://gotechno.co.cc
    Reply
  23. Ernest says:
    August 20, 2009 at 23:00
    mau tanya,kalo membuat tulisan disamping gambar gimana ya,? tulisan anda lumayan lengkap ,bagus bro
    Reply
  24. Sangdi says:
    September 11, 2009 at 13:50
    aku tempel di posting yooo..trima kasih…
    Reply
  25. Alfian says:
    October 4, 2009 at 17:25
    makasih bxk bang,semoga Tuhan membalas kebaikanmu.
    Respect 4 U
    Reply
  26. Alfian says:
    October 4, 2009 at 17:27
    Bang,aku pngen pengunjung blokQ bisa download lg, tolng kasih tau caranya…maklum Aq msh pemula…:D
    Reply
  27. Alfian says:
    October 4, 2009 at 17:37
    1 lg bang, cara membuat nave bar..
    Reply
  28. Esa Setya says:
    October 18, 2009 at 11:46
    hay smw. .aquw ru bljr html nie. .n cz d scul quw da pljran ttg html. .jd aquw bljr dlu sblum d ajar. .byr nntiña dah bsa. .whehe. . .
    Reply
  29. Reinhard says:
    November 17, 2009 at 13:00
    Ternyata belajar web mudah ya. . . !
    Reply
  30. Machro says:
    January 3, 2010 at 22:56
    walau terlambat meneukan situs ini bos. . g papa,mohon info selalu dong,web site belum baik neh, , thanks
    Reply
  31. Irfan says:
    January 7, 2010 at 01:41
    tolong kasih tahu cara gunain Iframe dong… kirim ke email saya ya…fan.saiyan@yahoo.co.id
    thank’s…..
    Reply
  32. Aang says:
    February 18, 2010 at 21:13
    thanks…
    your post fully help me….^^
    Reply
  33. Yuya says:
    March 6, 2010 at 13:10
    huuufh
    yang mslh image Gw g bsa neh.
    susah banget !!!
    eh.
    .klo s4 add fb Gw skalian yah.
    Q mo blajar lbih jauh ge
    makasih y
    ^^
    Reply
  34. Ivandy Sultan says:
    April 24, 2010 at 07:31
    Bagus banget,,,,
    Mohon komentarnya juga disini
    Reply
  35. Gethey Soearbawa says:
    April 25, 2010 at 12:25
    Terimakasih rumus rumusnya mas,, sangat membantu saya
    semoga Tuhan membalas kebaikan anda..
    Reply
  36. Wanda says:
    June 2, 2010 at 11:03
    good
    Reply
  37. Belajar HTML « Blog Thefours says:
    August 8, 2010 at 11:32
    [...] Belajar HTML Posted: Agustus 8, 2010 by thebachtiar in tutorial 0 [...]
    Reply
  38. SpRou says:
    August 20, 2010 at 19:48
    Masih bingung NieHHH. . . cara Kasi background mengunakan gambar, Kok gak mau ya??? file yg bisa cuma .gif .jpg??? klo .jpeg gimana?? alamat file nya di cantumkan??
    Reply
  39. Computer Word says:
    October 28, 2010 at 23:06
    ajib infonya cukup detil….salam kenal
    Reply
  40. Free Download says:
    October 28, 2010 at 23:09
    pamit simpen gan..
    Reply
  41. Tofaztea says:
    October 29, 2010 at 14:10
    bikin script buat comment box gmn sih???
    biar webs ku bisa di comment orang….
    <a href="http://garuda-net.hostwebs.com&quot; title="ini web ku.tapi blom ada box comment"
    mohon bantuannya…
    Reply
  42. Ndomsniper says:
    November 3, 2010 at 23:16
    mantab info nya mas
    Reply
  43. Blognya Anak Gaptek says:
    November 13, 2010 at 14:29
    Makasih banyak mas infonya…
    kalo tentang membuat table html ada tutornya juga mas???
    coz,, yang paling banyak tagnya itu dalam html kan table..
    makasih,, salam Blogger
    Reply
  44. Learn Html says:
    November 15, 2010 at 07:11
    lengkap banget tutorialnya. bisa nambah pengetahuan saya nih…
    good luck…
    Reply
  45. Azhad says:
    November 16, 2010 at 11:09
    masih bingung bro
    Reply
  46. Dicky says:
    November 29, 2010 at 16:15
    bisa buat contekan nih
    Reply
  47. Zz says:
    December 5, 2010 at 16:35
    Kurang lengkaaaaap
    Reply
  48. Bowo says:
    January 21, 2011 at 11:37
    aduh bang mumet kalo ga ada yang ngasih tau secara langsung sambil praktek
    Reply
  49. Djamal says:
    January 21, 2011 at 16:05
    bisa minta contoh yg lain g ya
    Reply
  50. Liem Lin says:
    January 21, 2011 at 20:10
    kalo cara gerakin kalimat ke kiri & kanan gimana caranya ???
    Reply
  51. Live says:
    January 25, 2011 at 15:22
    hTML BUAT PECAH KEPALA..HMMM,,,,,
    Reply
  52. Ardian says:
    January 25, 2011 at 15:44
    terima kasih untuk yang punya blog, sangat bermanfaat. saya mulai bisa sedikit-sedikit . terima kasih-terima kasih. saya mau coba-coba terus!!
    Reply
  53. Aby says:
    January 26, 2011 at 11:46
    tq bos masim, pelajaran ini sangat berguna buat g yang masih newbie, bos masim….boleh ajarin optimasi seo blogger? tq
    Reply
  54. Ridwan says:
    January 26, 2011 at 20:23
    eheheh. . .
    yang kode RGB dan hexadecimalnya bisa di download gak??
    Reply
  55. Deny says:
    January 29, 2011 at 07:33
    maksih mas , ,,,nice share….!!
    kalau mau, upload template yang udah di buat, kemana..??
    Reply
  56. Tharie says:
    February 9, 2011 at 11:13
    makaci infoe…
    tak cobae moga sukse
    bingung tapi pingin bisa…
    mumet …
    Reply
  57. HTML « Shitaseptia says:
    February 24, 2011 at 16:30
    [...] Belajar HTML [...]
    Reply
  58. Belajar Drum says:
    March 6, 2011 at 04:11
    maskasih tipsnya bagus, kebetulan juga lagi belajar html nie, meskipun agak2 nggak mudeng, tapi dikit2 pasti lama2 menjadi mahir..hehe salam kenal…..
    Reply
  59. Darwis says:
    March 9, 2011 at 13:43
    sangat bermanfaat…thx
    Reply
  60. Ferdy says:
    March 9, 2011 at 18:51
    semoga bisa
    Reply
  61. Noe says:
    March 14, 2011 at 03:52
    Immanuel Tarigan
    aQ bingung sbnernya mau ngapain ini…
    Mungkin aq sedikit malu. karena sudah semester 5 belum bisa lancar kodingHTML
    terkadang aq sulit untuk menentukan pilihan. Ingin belajar bahasa pemrograman ini Lah itu Lah. haiisss.
    dan terkadang juga aq terkesan mood2an dalam belajar. Sebenarnya terkadang aq ingin mencoba belajar pelan pelan lagi
    dari awal.tapi tantangannya itu loooh.. haiiss marai emosi…..
    yang dimana si waktu selalu berjalan tanpa pernah menunggu.
    yang aq harapin cumaa bisa berubah dari diriku sendiiri..Mungkin step by step nanti aq bsa merasakan perubahan itu..
    semoga saja ..
    This is my Promise momm n dadyy..
    kalo berkenan mampir ini jualan aQ klik ini ae bos… :D
    nek goleki fb Q ono neng kene fb Q boss
    Reply
  62. Rizal says:
    March 17, 2011 at 18:20
    minta pencerahan
    Hari ini…
    Aku sedang belajar…
    Belajar tentang HTML.
    Sulit ‘ntuk dimengerti,
    Karena banyaknya teks-teks aneh.
    Tapi biarlah…
    Akan kucoba…
    tapi aku ingin bisa membuat teks itu
    ada effectnya seperti d bawah ini
    hallo
    apakah ada efek lain ?
    mohon bantuannya :)
    Reply
  63. Niko Triandi says:
    March 18, 2011 at 14:27
    aduh…
    bnyak bnar bhasa program html yg hruz dihafali…
    kdang aq lupa bgitu mau ngrjain program na…
    gmna cara mnghafal lbih mudah ya
    help all
    Reply
  64. Website Traffic says:
    March 28, 2011 at 23:56
    Yappss.. thanks mas!
    Reply
  65. Widi says:
    March 31, 2011 at 03:55
    many thanks for sharing this article! very helpful for my UAS
    Reply
  66. Ray says:
    April 3, 2011 at 13:28
    thank fo info promise copy
    Reply
  67. Regha says:
    April 5, 2011 at 21:10
    Terus lahan kita mau bikin HTML nya di mana ,Pake software apa,atau pake apa ??
    maklum nii .. ane masih kagag ngerti .. tolong di bantu !!
    Nyobain
    Reply
  68. Rakyat Jelata says:
    April 7, 2011 at 00:10
    Mantab Den. Iklannya ga’ reseh
    Reply
  69. Fajaran says:
    April 9, 2011 at 23:33
    om hasam.. ajarin cara bikin auto back reply ma pasang banner dunk.. Mohon bimbingannya . Sukses slalu <a href="http://fajaran.wapgem.com"/"target=_blank"
    Tolong cek blog saya.
    Reply
  70. Dikdik says:
    May 15, 2011 at 13:23
    Thanks, artikelnya bermanfaat sekali terutama bagi saya, seorang newbie yang ingin belajar HTML.
    Reply
  71. Virus Tattoo says:
    May 17, 2011 at 09:54
    thanks infox aku jd tau dan berani edit html
    Reply
  72. Meru says:
    May 20, 2011 at 12:21
    salam kenal,
    aq dlu pernah blajar html waktu SMA, skarg aq pnya blog n aq lupa kode untuk tulisan bergerak untuk opening di blog’qu..
    kka tau ga..??
    makasi..
    Reply
  73. BELAJAR HTML « Hidup Berawal Dari Mimpi says:
    June 7, 2011 at 08:56
    [...] : http://htmlcssguides.com/belajar-html -7.797224 110.368797 Comments RSS feed LikeBe the first to like this [...]
    Reply
  74. Trisna says:
    June 16, 2011 at 16:51
    cacad
    Reply
  75. Trisna says:
    June 16, 2011 at 16:52
    gampang amat yee bikin nya…
    Reply
  76. Indra says:
    June 19, 2011 at 09:15
    terima kasih gan share nya ini sangat bermanfaat bagi newbie seperti saya salam kenal gan!
    Reply
  77. Irfan Aduhdek says:
    June 21, 2011 at 10:20
    KOMENT SAMBIL PRAKTEK heheheh
    sepppp dah emang keren semuanya…. ane baru faham ternyata tak segampang membailkan telapak tangan.. tapi dengan kegigihan semua pasti akan bisa tercapai.. meski ga terlalu mahir tapi kalau sekedar bisa kan mungkin hehehe thanks dah … ane masih bingung di bagian tabel gan. mohon di perjelas ea hehehhehehe kirimin aja via email irfan_aduhdek@angelic.com
    JAWAPOSTING
    http://jawaposting.blogspot.com
    bos hyperlinknya kok ga keluar padahal udah ane sisipin tuh di komentnya yach.. mohon pencerahan
    Reply
  78. Fuji says:
    June 26, 2011 at 13:06
    mas , saya mau ucapkan terimakasih sama mas,… oh iya klo bisa saya mau belajar lebih detile bisa g?
    Reply
  79. READER says:
    July 3, 2011 at 23:08
    NUMPANG COPY BOZ :) MKCIH
    Reply
  80. Majuterus | Panduan Membuat Theme Wordpress Sederhana Bagian 2says:
    July 4, 2011 at 12:17
    [...] ukuran huruf-huruf. Untuk memasukkan gambar dan lain-lain, bisa belajar kode-kode HTML dari htmlcssguides. Sebuah resource belajar HTML yang bagus untuk pemula. [...]
    Reply
  81. Raden says:
    July 16, 2011 at 11:17
    ribet bnettt..
    lum tau gua caranya…
    tlong ajrin gua donk
    kirim ilmunya yah
    kutunggu
    Reply
  82. AntoS says:
    July 16, 2011 at 13:47
    Kalau bisa ditambah lagi cara-cara nya boz biar aku bisa praktek lagi …
    ok !!!
    Reply
  83. Gwan says:
    July 17, 2011 at 13:14
    Tambah ilmu lagi buat saya nih, sukses terus bos, dan jangan bosan untuk tambah update-nya.
    Reply
  84. Venom says:
    July 18, 2011 at 07:57
    Bro.. cara menentukan ukuran background tuh gimana yoh?? hehe.. newbie.
    misal=
    trus cara merubah ukurannya sesuai keinginan kita tuh gimana se Mas Bro… :Dthx
    Reply
  85. Panci says:
    July 18, 2011 at 08:07
    uraiannya sangat lengkap,, aku sudah lebih faham sekarang,, thanks,,
    Reply
  86. Cenyen says:
    July 22, 2011 at 18:40
    thx bgt yo…
    Reply
  87. Anam says:
    August 8, 2011 at 03:04
    minta bantuannya bos,,,,, kadang sya mmbuat background dengan gambar da yang g bisa ditampilkan kira2 ksalahan dimana….. padahal sudah saya cek berulang kali….. n saya buat di komputer lain bisa semua. trims sebelumnya
    Reply
  88. Renra says:
    August 8, 2011 at 07:17
    lengkap nich tutorialnya..makasih banyak yach…
    Reply
  89. Paeman says:
    August 8, 2011 at 13:26
    terima kasih banyak Mas “Manusia Masim” lha ini yg aku cari dan butuhkan. Thanks. Smoga diterima disisinya (ceweknya maksud q)
    Reply
  90. Clara says:
    August 12, 2011 at 06:26
    sangat negbantu buat kita-kita yang masih awam di dunia html
    Reply
  91. Matching says:
    August 13, 2011 at 22:50
    cihui……thanks bro…..
    Reply
  92. Unknown says:
    August 18, 2011 at 04:27
    ngebantu banget
    Reply
  93. Rin says:
    August 29, 2011 at 03:25
    Eeem…,kalo aku belajarnya di Blogger & disini.Buat entri aja,terus klik edit HTML yang ada di deket kotak entri.Aku coba ketik lagi HTML nya dengan pengubahan.Liat aja hasil uji cobaku di girly-feminine.blogspot.com
    Hihihi…,uji cobaku ntu ^ ^v
    Reply
  94. Blog Tutorial Untuk Indonesia says:
    August 29, 2011 at 22:39
    Nice post
    Reply
  95. Nasic says:
    September 6, 2011 at 06:23
    Nice info.. bookmark dlu ah..
    Reply
  96. Toko Crocs says:
    September 8, 2011 at 03:10
    ijin bookmark gan, kebetulan lagi belajar html buat lanjut ke php.
    Reply
  97. Qiera Sullivan's Seven EX says:
    September 8, 2011 at 12:24
    thank’s y pnjelasannya mas, nmbah pngtahuan,,, mumpung skolah di bidang TI nich, hehehe
    Reply
  98. Martua says:
    September 9, 2011 at 07:26
    Trims Sharing Gan, mudah-mudahan infonya bisa bermamfaat
    Reply
  99. Dodi says:
    September 12, 2011 at 08:38
    coba saya praktekan di komen ini
    hai salam kenal
    Reply
  100. Yudi says:
    September 14, 2011 at 05:12
    kirim tutorialnya dunk yudi.polman2009@gmail.com
    Reply
  101. Satriyanews says:
    September 17, 2011 at 06:32
    ilmu penting nih buat nubi macam ane.. hehe
    Reply
  102. Alicia says:
    September 19, 2011 at 08:13
    gag paham!!!!!!!!!!!!!!
    Reply
  103. Temmy says:
    September 20, 2011 at 05:42
    artikel yg keren n bermanfaat tp masih rada pusing maklum newbie lihat jg blog ane di sini ya http://tyusufan.blogspot.com/
    Reply
  104. Belajar Pemrograman Web « Nanangchairudin's Blog says:
    September 20, 2011 at 12:08
    [...] htmlcssguides.com [...]
    Reply
  105. Download Dell Driver says:
    September 21, 2011 at 09:47
    wah sangat membantu
    Reply
  106. Pulau Tidung says:
    September 29, 2011 at 08:19
    html dengan php beda dimananya ya??
    Reply
    • Masim Man says:
      October 2, 2011 at 04:45
      - HTML adalah bahasa markup sedangkan PHP adalah bahasa script (bahasa pemrograman web).
      - HTML hanya bisa membuat website statis sedangkan PHP bisa membuat website dinamis.
      - HTML dapat langsung ditampilkan di peramban (browser) sedangkan PHP harus melalui proses di server dulu baru kemudian dapat ditampilkan di peramban.
      Reply
  107. Tresya Pricillia says:
    September 30, 2011 at 13:08
    Thanks infonya, tapi pusing…gimana biar cepet ngerti nih gan… saya malu nih ga bisa-bisa
    Reply
    • Masim Man says:
      October 2, 2011 at 04:58
      Harus sabar… belajar itu butuh proses.
      Banyak latihan, lakukan ekperimen-ekperimen. Cari hosting gratisan dan mulailah membuat website sederhana dengan ide dan kreatifitas kamu sendiri.
      Reply
  108. Ihwansejati says:
    October 7, 2011 at 15:03
    belajar ccs susah buangeeetet
    Reply
  109. Eephudz says:
    October 8, 2011 at 16:38
    sip nih… mana alamat fb,a mas sini Q add biar tanya2 lebihn mudah…
    add ya mas?…
    ok
    Reply
  110. Mita says:
    October 16, 2011 at 00:03
    aq dah hampir mengerti…
    Reply
  111. Edy says:
    October 21, 2011 at 07:05
    Terima kasih juragan, penjelasan mudah di pahami
    Reply
  112. Ipung says:
    October 21, 2011 at 11:26
    Ya..walaupun kepala agak puyeng tapi is ok ilmunya. Thanks ya atas tutorialnya..
    Reply
  113. Rocky Milanisty says:
    October 25, 2011 at 03:38
    trimakasih boz,brmnfaat bgt bwt pemula kyk q. Q blajar lgsung tulis tgn,jd lbh cpt paham drpd cuma copy paste doanx.
    thanks….
    Reply
  114. Zulfahmi Mhd says:
    October 27, 2011 at 18:07
    THANK …..
    Reply
  115. Gusti says:
    October 29, 2011 at 06:08
    mantap banget gan ilmunya makasih tuk infonya…moga kita semua sehat dan sukse slalu…amin….
    Reply
  116. Tutorial Html says:
    November 5, 2011 at 20:54
    wah terimakasih om, buat tutorial html nya
    Reply
  117. Tutorial HTML says:
    November 8, 2011 at 07:07
    wah kumplit tu om tutorialnya. terimkasih banyak ya om
    oh ia jgn lupa juga mampir balik ke blog saya
    Reply
  118. Muhammad says:
    November 11, 2011 at 10:13
    Mas keren tutorialnya, saya suka Terus mas update tutorialnya
    Reply
  119. Nono_kaki says:
    November 12, 2011 at 13:37
    Salam,
    Numpang nitip referensi XHTML ya bang
    Terima kasih sebelumnya. :D
    Reply
  120. Machfudz says:
    November 15, 2011 at 01:47
    wah.. sy juga lgi cari2 refrensi buat belajar html ini..
    mkasih bos artikelnya..
    moga ilmunya brmanfaat..
    :lol:
    Reply
  121. Berbagi Kreativitas says:
    November 23, 2011 at 13:47
    Pembelajaran yang sangat bermanfaat sahabat, thanks untuk berbagi ilmunya Salam.
    Reply
  122. Dargon says:
    November 24, 2011 at 04:04
    trimakasih banyak gan.. sangaat membantu… tapi ane mau minta tolong ni… agan bisa kasi tau gimanya caranya masukin template yang kita buat sendiri dengan photoshop ke blog??? ane baru hari ini belajar gan….
    Reply
  123. Loangga says:
    November 28, 2011 at 02:45
    makasih
    Reply
  124. Wakhid Fajar Saputro says:
    November 28, 2011 at 06:09
    Reply

Post a comment

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <q cite=""> <strong>

 
 
 
 
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)