4/12/2012

PANDUAN dan TUTORIAL HTML Lengkap Untuk Pemula

Sebagaimana diketahui, HTML (HyperText MarkUp Language) adalah sebuah bahasa pemrograman.Untuk membuat sebuah halaman web, kita perlu menulis kode (Html Code) secara langsung dengan menggunakan teks editor seperti: NotePad, WordPad, dan TextPad.
Berdasarkan kata-kata penyusunnya, HTML dapat diartikan lebih dalam lagi menjadi :
Hypertext, Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

Markup, Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.
Language, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.
Berikut adalah Tag HTML
  1. (!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
  2. (a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
  3. (a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
  4. (applet) Sebagai awal dari Java applets
  5. (area) Mendefinisikan daerah yang dapat diklik (link) pada image map
  6. (b) Membuat teks tebal
  7. (basefont) Membuat atribut teks default seperti jenis, ukuran dan warna font
  8. (bgsound) Memberi (suara latar) background sound pada halaman web
  9. (big) Memperbesar ukuran teks sebesar satu point dari defaultnya
  10. (blink) Membuat teks berkedip
  11. (body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
  12. (br) Pindah baris
  13. (caption) Membuat caption pada tabel
  14. (center) Untuk perataan tengah terhadap teks atau gambar
  15. (comment) Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
  16. (dd) Indents teks
  17. (div) Represents different sections of text.
  18. (embed) Menambahkan sound or file avi ke halaman web
  19. (fn) Seperti tag (a name)
  20. (font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
  21. (form) Mendefinisikan input form
  22. (frame) Mendefinisikan frame
  23. (frameset) Mendefinisikan attribut halaman yang akan menggunakan fram
  24. (h1 ... h6) Ukuran font
  25. (head) Mendefinisikan head document.
  26. (hr) Membuat garis horizontal
  27. (html) Bararti dokumen html
  28. (i) Membuat teks miring
  29. (img) Image, imagemap atau an animation
  30. (input) Mendefinisikan input field pada form
  31. (li) Membuat bullet point atau baris baru pada list (berpasangan dengan tag (dir), (menu) (ol) and (ul)
  32. (map) Mendefinisikan client-side map
  33. (marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
  34. (nobr) Mencegah ganti baris pada teks atau images
  35. (noframes) Jika browser user tidak mendukung frame
  36. (ol) Mendefinisikan awal dan akhir list
  37. (p) Ganti paragraf
  38. (pre) Membuat teks dengan ukuran huruf yg sama
  39. (script) Mendefinisikan awal script
  40. (table) Membuat tabel
  41. (td) Kolom pada tabel
  42. (title) Mendefinisikan title
  43. (tr) Baris pada tabel
  44. (u) Membuat teks bergaris bawah

Oke kita mulai dari yang dasar, pertama kita buat directori terlebih dahulu pada root sistem anda. Dengan menggunaka teks editor seperti yang disebutkan diatas, lalu ketik kode berikut ini untuk panduan html dasar:
<HTML>
<HEAD>
<TITLE>Latihan HTML</TITLE>
</HEAD>
<BODY>
Selamat belajar HTML
</BODY>
</HTML>
Kemudian save pada direktori tersebut dengan nama pertama.html, atau ganti dengan nama yang anda inginkan.

Penjelasan tentang kode tersebut adalah:
Pasangan tag dan menandakan kode yang berada didalamnya adalah kode HTML, sehingga browser akan menterjemahkan kedalam bahasa HTML.
Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
Bagian kepala ditandai dengan pasangan tag dan . Sedangakan bagian badan ditandai dengan tag dan .
Pada bagian kepala, anda bisa menentukan judul dokumen HTML. judul ini ditulis dalam pasangan tag dan . Pada contoh diatas, judul dokumen HTML berupa latihan pertama. Judul ini diletakkan dibagian atas jendela browser.

Social Bookmarking Service

Posted by Bima at
Labels: , , , , , , , , , , ,

2 komentar:

  1. SEO Gratisan04/04/12, 12.37

    Materinya BAGUS, mohon susunan kalimat dan paragrafnya lebih dirapikan untuk mempermudah PEMBACA.

    Terima Kasih.

    BalasHapus

Langganan: Posting Komentar (Atom)