Dasar Pemrograman HTML

Dasar-Dasar HTML


HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut.


Secara prinsip, fitur pada HTML dapat dikelompokkan ke dalam :

o    Struktur halaman ;

o    Presentasi visual ;

o    Peranti penyaji gambar ;

o    Pendukung media ; dan

Peningkatan koneksi dengan JavaScript.


Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <contoh > adalah</contoh>. Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen <contoh> bila ditulis dengan atributnya adalah sebagai berikut:

<contoh atribut1=”nilai_atribut1”atribut2=”nilai_atribut2=”…>.

Dalam penulisan tag HTML tidaklah case sensitive artinya pengguna huruf kecil ataupun capital tidaklah menjadi masalah.


Struktur Dasar Dokumen HTML

Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :


<html>
      <head>
           <title>
Judul Halaman</title>
      </head>
     <body>

          Berisi tentang text, gambar,
          atau apapun yang
          tampil pada dokumen web.

      </body>
</html>



Seperti terlihat, struktur file HTML diawali dengan sebuah tag<html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag<head></head> dan tag <body></body>.

Bagian yang diapit oleh tag  HEAD merupakan header dari halaman HTML dan  tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <title></title> yang berpungsi untuk mengeluarkan judul pada tittle bar window web browser.

Bagian kedua, yang diapit ole tag BODY merupakan bagian yang akan ditampilkan pada halaman web browser nantinya. Pada bagian ini anada akan menuliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin sampaikan pada pengguna nantinya.