Memahami struktur dasar pada program HTML

HTML adalah Hyper Text Markup Langunge.
Yaitu bahasa pemrograman dasar web berbasis GUI.

Coba perhatikan contoh struktur dasar pada dokumen HTML dibawah ini :


<!DOCTYPE html>
<html>
<head>
    <title> Ini adalah bagian judul. </title>
</head>
<body>
    <h1> Ini adalah bagian heading pertama. </h1>
    <p> Ini adalah bagian paragraph. </p>
</body>
</html>

Keterangan dari contoh di atas adalah berikut ini :

- Deklarasi <!DOCTYPE html> sebagai deskripsi atau definisi tipe dokumen.
- Pada teks yang berada di antara tag <html> dan </html> adalah deskripsi halaman web.
- Pada teks yang berada di antara tag <head> dan </head> adalah deskripsi pemetaan halaman web.
- Pada teks yang berada di antara tag <title> dan </title> adalah menampilkan sebuah judul halaman web.
- Pada teks yang berada di antara tag <body> dan </body> adalah deskripsi isi dari halaman.
- Pada teks yang berada di antara tag <h1> dan </h1> adalah menampilkan sebuah heading.
- Pada teks yang berada di antara tag <p> dan </p> adalah menampilkan sebuah paragraph.

Jadi, bagaimana cara cepat untuk belajar pemrograman html ini ?
Jawabannya adalah cukup kita pahami tentang bagian Element-tag pada HTML yang terdiri dari Nama-tag dan Attribute-tag.

Untuk lebih jelasnya, kalian bisa pahami apa itu Nama-tag dan Attribute-tag di bawah ini :

Apa itu ELEMENT-TAG ?
Element-tag adalah kode yang diapit oleh tanda < dan >, yang di dalamnya berisi code yang terdiri dari Nama-tag dan Attribute-tag.

Apa itu NAMA-TAG ?
Nama-tag adalah bagian dari Element-tag, Untuk nama-tag yang berpasangan, biasanya nama-tag yang pertama disebut tag pembuka, sedangkan nama-tag yang kedua disebut tag penutup,

Dasar penulisannya adalah berikut ini :


<nama-tag>

// Atau

<nama-tag> Isi atau Content </nama-tag>

Apa itu ATTRIBUTE-TAG ?
Attribute-tag adalah bagian dari Element-tag.

Jadi untuk lebih jelasnya, kalian lihat contoh di bawah ini :


<p align="left"> Isi atau Content sebuah paragraph </p>

dari contoh di atas, sesudah nama-tag p terdapat align="left", itulah yang di sebut attribute-tag.

Versi HTML
Untuk HTML ada beberapa versi yang harus diperhatikan.

Versi HTML pada th 1991
Versi HTML+ pada th 1993
Versi HTML2.0 pada th 1995
Versi HTML3.2 pada th 1997
Versi HTML4.01 pada th 1999
Versi XHTML1.0 pada th 2000
Versi HTML5 pada th 2012
Versi XHTML5 pada th 2013

Deklarasi !DOCTYPE
Untuk !DOCTYPE sangatlah penting, agar halaman yang ditampilkan akan sesuai dan sempurna,,

Lihat Deklarasi di bawah ini :


// HTML5
<!DOCTYPE html>

//HTML 4.01 Strict DTD 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

// HTML4.01 Transitional DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

// HTML 4.01 Frameset DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

// xHTML1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Oke, Cukup mudah untuk di mengerti bukan, jadi silahkan baca artikel selanjutnya !!!