Latest Article

Promotion Ads

Buat Website Murah

Featured Article

Popular Article

Mengenal HTML {Hypertext Markup Language}

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Penulisannya menggunakan text biasa yang di rangkup dengan tag HTML. Untuk Membuatnya kita hanya perlu menyiapkan Program / Aplikasi Text Editor Seperti Notepad { Windows }dan Gedit {Linux Dan Mac }

Karena kebanyakan para pembaca setia Catatan Nurul Imam ini menggunakan Operating System Berbasis Windows, Jadi saya contohkan saja Notepad Sebagai Text Editor Simple Bawaan Windows. Bila anda belum tahu cara buka aplikasinya, klik Start > Programs > Accessories lalu Notepad.

PENGENALAN KODE HTML

Untuk Perkenalan pertama coba tuliskan kode di bawah ini

<html>
</html>

Baris Kode Di Atas Di Sebut Sebagai Tag. Tag adalah kode yang digunakan untuk Merubah teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu <html> dan ada tag penutup yaitu </html> yang ditandai dengan tanda slash { Garis Miring } di depan awal tulisannya. Tag di atas memberikan perintah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <html> atau </HTML> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

Tag Berikutnya adalah

<html>
<body>
Di Tempat Ini Lah Dokumen Yang Akan Terbaca Di Browser
</body>
</html>

Coba deh di simpen dengan cara klik File – Save As Nah jika ada jendela muncul, Pada Pilihan Save As Type Pilih All Files Dan di Form Isian Nama, Berilah Nama Misalkan : contoh.html Dan Klik Save. Coba Buka File Tersebut dengan menggunakan Browser Favorite anda. Maka Akan tampak percis dengan File yang saya buat.

http://www.nurulimam.com/contoh/contoh.html

Demikian Tahap dasar pengenalan terhadap HTML (Hypertext Markup Language) Dan Insya Allah Akan saya sambung catetannya hanya sekedar untuk mengingatkan otak saya yang lemah ini.

Created By :        Date : 19 - June - 2011

Jasa Pembuatan Website

43 Comments

  1. sayaberitahuReply

    simple banget caranya, thanks ya :)

    • Nurul ImamReply

      Cara apaan ? Ga baca judulnya yah :p

  2. Nurul ImamReply

    && sayaberitahu : Ini Bukan cara toh …

  3. jaka @psdesain.netReply

    Sudah lama tau, tapi bermanfaat untuk mengingat kembali :D

    saya tunggu tulisan berikutny :)

  4. Nurul ImamReply

    && jaka @psdesain.net : Insya allah akan saya tulis lanjutannya karena memang ini merupakan permintaan teman saya

  5. anisayuReply

    wah bagus nih buat saya infonya sip sekali

  6. Nurul ImamReply

    && anisayu : Bagus aja nih takut di tinggal kabur…. hehehhe

  7. nieeReply

    uhuy, jadi inget matakuliah semester awal dulu.. Apapun bahasa pemograman yang dibuat, pasti ‘Hello Word’ yang jadi kalimatnya :P

  8. danyfarid5Reply

    Masih susah untuk menyesuaikan diri dengan si HTML.

  9. AnisayuReply

    hahaha ditinggal kabur bikin gambar hehehe

    emang bener ko aku masih lum bisa html ato css buat mumet xixixi

  10. sichandraReply

    belajar kode HTML ini emang asik banget , krna cuma belajar HTML ini aja saya sudah bisa dapat uang…heheh

  11. TUKANG CoLoNGReply

    jyahhh baru san temen saya nanya tentang apa itu html. eh sekarang baca beginian. kenapa ga tadi aja saya bacanya ya. pasti saya jadi bisa ngasi tau temen saya ituu

  12. FIKRI SHAREReply

    bsgus juga mas. bisa belajar dari awal moga2 di lnjutin terus sampai saya bisa (ngarep.com)

  13. Putrie JrsReply

    ini pelajaran Putri SMP dulu, tapi nggak mudeng..
    :D
    hehehe

  14. iskandariaReply

    HTML ini adalah pengetahuan dasar untuk pemrograman website. Kalo yang ini aja masih suka bingung, lebih baik gak usah lanjut ke CSS. APalagi sampe PHP :) Bener gak mas Imam?

  15. Nurul ImamReply

    && niee : Di ganti aja jadi Hey Dunia !!! wkwkwkwk

  16. Nurul ImamReply

    && danyfarid5 : Kenapa susah mas… Di bikin gampang aja !

  17. Nurul ImamReply

    && Anisayu : Tapi jago gambar… hebat donk namanya mbak … hehhehe

  18. Nurul ImamReply

    && sichandra : Wuih hebat dapet uang dari HTML. Ajarin donk !

  19. Nurul ImamReply

    && TUKANG CoLoNG : Lha spanyol bukannya udah tau tentang HTML ? hehehe

  20. Nurul ImamReply

    && FIKRI SHARE : Insya allah dikit dikit karena memang ini permintaan teman saya

  21. Nurul ImamReply

    && Putrie Jrs : Klo ini waktu SMP dulu emang sekarang pelajarannya apa ? hehehhe

  22. Nurul ImamReply

    && iskandaria : Bener banget mas, ngeblog itu ga perlu html, css, dll klo cuma buat nulis doank. Sekarangkan udah ada Editor WYSIWYG Microsoft FrontPage, Adobe PageMill Dan Netscap

  23. Pen QuranReply

    terima kasih, sangat membantu

    • Nurul ImamReply

      Membantu spamming :D

  24. A. Rizki FReply

    itu fungsinya untuk apa ?

    • Nurul ImamReply

      buat bikin website

  25. AlbertReply

    Super sekali, cara menjelaskannya enak. Cocok buat saya pemula :D

    • Nurul ImamReply

      Soalnya yang nulis juga pemula :D

  26. mantoReply

    sangat bermanfaat

    • Nurul ImamReply

      Terimakasih :)

  27. Mengenal Hypertext MReply

    […] ? […]

  28. AnthzoReply

    Terima kasih, gue baru belajar nih :D

    • Nurul ImamReply

      Iya sama-sama gan :)

  29. Cara Membuat WebsiteReply

    Save as “Encoding” nya pilih jenis apa nih kang ?
    -ANSI
    -Unicode
    -Unicode big endian
    -UTF-8

    trus pas buka di browsernya bagaimana caranya ?

    • Nurul ImamReply

      UTF-8, bukanya tinggal double click filenya

  30. Mengenal HTML {HyperReply

    […] ? […]

  31. Belajar HTML Untuk PReply

    […] Mengenal HTML (Hypertext Markup Language) […]

  32. moh.rikiReply

    kk gimana cara bikan arus kas dengan html,

    • Nurul ImamReply

      Arus kas ?

  33. anjarReply

    saya belum ngerti cara membuat html tuch gmna yy

    • Nurul ImamReply

      Iya tinggal di ketik aja kok :D

  34. Mengenal HTML (HyperReply

    […] ? […]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>