Yuk Belajar HTML.

Dasar HTML

  1. Mengenal HTML
    1. HTML (HyperText Markup Language) adalah standar dipakai pada halaman Web. Berdasarkan standar inilah browser bisa memahami isi suatu dokumen yang berasal dari Web server. HTML bekerja dengan menggunakan HTTP (HyperText Transfer Protocol), yaitu protokol komunikasi yang memungkinkan Web server berkomunikasi dengan Web browser.
                  Kode HTML berupa sebuah berkas teks dengan akhiran berupa .HTML, .HTM, atau .htm. Contoh kode HTML dapat dilihat dibawah ini.

       

      Hasil kode HTML diatas:

      Berikut adalah penjelasan kode pada berkas livo.html:
    2. Pasangan tag <HTML> dan </HTML> menandakan bahwa kode yang terdapat di dalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML
    3.  Bagian yang terdapat dalam <HTML> dan </HTML> umunya terbagi atas:
      1. kepala
      2. badan
    4.  Bagian kepala ditandai dengan pasangan tag <HEAD> dan </HEAD>, sedangkan bagian badan ditandai dengan tag <BODY> dan </BODY>
    5.  Pada bagian kepala, anda bisa menentukan judul dokumen HTML. Judul ini ditulis dalam pasangan tag <TITLE> dan </TITLE>. Pada contoh didepan, judul dokumen HTML berupa Latihan HTML. Judul ini diletakkan bagian atas jendela browser. 
  2. Dasar Tag Pada contoh dudepan anda telah mengenal beberapa tag. Sekarang anda akan mengenal berbagai  tag yang lain. 
         2.1. Cara Menuliskan Tag
                Setiap tag memiliki nama. Nama tag ditulis di dalam tanda < dan >. Antara nama tag dan tanda < ditulis tanpa spasi sama sekali.
            Nama tag boleh ditulis dengan hurus kecil, huruf kapital, ataupun kombinasi antara huruf kecil dan huruf kapital. Dengan kata lain, penulisan
<HTML>
<html>
<Html>
Dianggap sama. Namun, umumya nama tag ditulis dengan huruf kecil saja atau huruf kapital saja.

       2.2. Atribut dalam Tag
       Beberapa tag mengandung atribut didalamnya. Contoh:
            <P ALIGN = “CENTER”>
Pada contoh ini, P adalah nama tag, sedangkan ALIGN adalah nama atribut.

Pada umumnya, atribut melibatkan nilai. Pada contoh diatas, “CENTER” adalah nilai untuk atribut ALIGN. Seperti halnya nama tag, nama ALIGN juga tidak membedakan huruf kecil dan huruf kapital.

Catatan : Jika anda menuliskan pasangan tag, pastikan bahwa andamenuliskan dengan benar. Pasangan tag yang berpotongan dengan pasangan tag yang lain perlu dihindari, karena dapat mengakibatkan hasil yang tidak benar.
Contoh
<HEAD>
<BODY>
</HEAD>
<BODY>

 
Gambar contoh pasangan tag yang berpotongan dengan pasangan tag yang lain.

Comments