HTML

 

Hyper Text Markup Language (HTML)

HTML (Hyper Text Markup Language) adalah bahasa pemrograman utama dalam pembuatan website, keterlibatan HTML tetap diperlukan walaupun website yang dibuat full flash. Dalam prakteknya, hanya segelintir web designer saja yang benar-benar membuat website murni dengan full coding (HTML). Selain karena prosesnya yang bisa memakan waktu yang lama, ternyata faktor kemampuan dalam penguasaan HTML yang minim juga menjadi penyebab. Hal lain mungkin karena tidak terbiasa dengan HTML. Para web designer yang tidak terbiasa dengan coding lebih sering menggunakan web editor (WYSIWYG), ketimbang murni dengan melakukan coding. Padahal, kalau terbiasa menggunakan coding maka kita akan memahami struktur web yang dibuat, memahami bagaimana agar konten HTML bisa di-render oleh browser dengan baik, dan masih banyak lagi. Namun, apapun itu tetap saja memiliki tujuan yang sam untuk menghasilkan website yang lebih baik. Tidak ada jaminan sebuah web dengan murni coding hasilnya baik, dan tidak ada jaminan pula website yang dibuat dengan bantuan web editor hasilnya baik. Yang paling penting adalah bagaimana webmaster itu meracik sebuah website yang diterima masyarakat.
Referensi Online untuk mempelajari HTML:
• http://html.net
• http://www.w3schools.com/html/default.asp
• http://davesite.com/webstation/html

Kriteria dari HTML 

• - Adalah dokumen web, disebut juga web page,  
• - HTML adalah bahasa markup “<”, ”>” (bukan bahasa pemrograman) 
• - HTML terdiri dari sekumpulan tag. Setiap tag selalu diapit oleh tanda “<“ dan “>” 
• - Beberapa tag harus ditutup, misal ditutup dengan
   
• - Ada beberapa tag tidak perlu ditutup, misal
   
• - Web browser akan menerjemahkan setiap tag  kedalam suatu bentuk tampilan yang mengasilkan sebuah output berupa interface web yang biasanya berupa kobinasi gambar,warna dan text.

Struktur Penulisan HTML

 
   isi dokumen yang akan ditampilkan dalam web
 

Keterangan :

• -  Setiap dokumen HTML di awali dan di akhiri dengan tag HTML.
  Contoh : . . . 
• -  Setiap judul dokumen HTML :
  di awali dengan tag
  Contoh :     
• -  Setiap isi dokumen HTML di awali tag dan diakhiri dengan tag
  Contoh :   . . . . .  

Ada beberapa komponen/tag html dasar yang perlu kita ketahui, antara lain :

1. -   : Mendefinisikan sebuah dokumen html  
2. -   : Mendefinisikan isi/badan suatu dokumen 
3. -  

   -

   : Mendefinisikan heading ke 1 s/d heading ke 6 

4. - 
   : Mendefinisikan sebuah paragraf 
5. - 
   : Menyisipkan sebuah line break 
6. -  

   ---

   : Mendefinisikan sebuah garis horisontal 
7. -   : Mendefinisikan komentar dalam kode sumber HTML

Tag untuk pemformatan teks dasar 

1. -    Mendefinisikan teks tebal 
2. -    Mendefinisikan teks yang lebih besar  
3. -    Mendefinisikan teks yang dimiringkan  
4. -    Mendefinisikan teks yang dimiringkan 
5. -    Mendefinisikan teks yang lebih kecil 
6. -    Mendefinisikan teks tebal 
7. -    _{Defines subscripted text} 
8. -    ^{Mendefinisikan teks yang posisinya lebih ke atas} 
9. -    Mendefinisikan teks yang bergaris bawah 
10. -    Mendefinisikan teks yang hendak dihapus 

Tag untuk list

1. -  
    Mendefinisikan sebuah list ordered 
   1. -  
       Mendefinisikan sebuah list unordered 
      • -  
      •  Mendefinisikan sebuah item dalam list 
      • -  

         Mendefinisikan sebuah list definisi 

      • -  
         Mendefinisikan sebuah istilah list definisi 
      • -  
         Mendefinisikan sebuah keterangan list definisi 
   Tag untuk tabel

1. -    Mendefinisikan sebuah tabel 
2. -    Mendefinisikan sebuah header tabel 
3. -    Mendefinisikan suatu barisan dalam tabel 
4. -    Mendefinisikan suatu sel dalam table 

Tag untuk form

1. -  
    Mendefinisikan sebuah form untuk input dari pengunjung 
2. -    Mendefinisikan sebuah field input  
3. -   Mendefinisikan sebuah text-area (sebuah kontrol masukan teks jenis multi-line) </li><li>-  <label>  Mendefinisikan sebuah label ke kontrol  </li><li>-  <fieldset>  Mendefinisikan sebuah fieldset  </li><li>-  <legend>  Mendefinisikan suatu caption untuk sebuah fieldset  </li><li>-  <select>  Mendefinisikan sebuah list yang dapat dipilih (drop-down box)  </li><li>-  <optgroup>  Mendefinisikan sebuah kelompok pilihan  </li><li>-  <option>  Mendefinisikan sebuah pilihan dalam drop-down box  </li><li>-  <button>  Mendefinisikan sebuah tombol</li></ol><p><font style="color: rgb(0, 0, 0);" size="3"><span> </span></font></p></DIV>