Untuk membuat sebuah halaman web, maka setidaknya kita harus menguasai HTML. Kenapa saya katakan "setidak nya !" ?, karena memang jika hanya dengan HTML maka halaman web (web page) yang dihasilkannya pun sederhana, hanya tampilan standar saja.
Walaupun begitu, HTML ini mau tidak mau harus di pelajari jika anda ingin menguasai pemrograman berbasis web atau web programming.
Lalu apa itu HTML ?
Menurut w3schools.com, HTML adalah sebagai berikut :
- Kepanjangan dari Hyper Text Markup Language
- Merupakan standar bahasa markup dalam pembuatan halaman web
- HTML menggambarkan struktur dari sebuah halaman web
- Berisi kumpulan Elemen yang mengatur bagaimana suatu kontent akan di tampilkan oleh Browser. Elemen HTML juga akan menandai setiap konten, sehingga konten akan di tampilkan sesuai dengan tujuannya, seperti misalnya konten ini berfungsi sebagai sebuah heading, yang ini paragraf, ini sebuah link, dan lain sebagainya.
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Ini adalah elemen dengan format Heading 1</h1>
<p>Ini adalah elemen paragraf</p>
</body>
</html>
Dari dokumen HTML sederhana diatas, nampak tersusun dari struktur tertentu sebagai berikut :
- <!DOCTYPE html> : bagian deklarasi yang mendefinisikan bahwa ini adalah dokumen HTML 5
- Elemen <html> : merupakan elemen dasar (root) dari sebuah HTML page
- Elemen <head> : berisi meta data (informasi) tentang HTML page, konten yang ada didalam elemen ini tidak akan ditampilkan pada web page
- Elemen <title> : adalah elemen yang berisi judul dari sebuah HTML page. Judul di tampilkan pada title bar browser.
- Elemen <body> : elemen yang mendefinisikan badan dari dokumen, disinilah semua konten akan di tampilkan. Dari mulai heading, paragraf, gambar (image), hyperlink, table, list (daftar), dll
- Elemen <h1> : Mendefinisikan heading 1, sehingga konten akan di tampilkan dengan format heading paling besar.
- Elemen <p> : mendefinisikan sebuah paragraf.
Kalau begitu, apa sebenarnya Elemen yang dimaksud disini ?
Begini, suatu Elemen HTML terdiri dari tag pembuka (start tag), kumpulan kontent, dan tag penutup (end tag) seperti ini :
<tagname>Kumpulan konten ...</tagname>
Contoh nya :
<h1>Ini adalah elemen dengan format Heading 1</h1>
<p>Ini adalah elemen paragraf</p>
Jadi, kesimpulannya Elemen HTML adalah segala sesuatu dari dokumen HTML yang terdiri dari start tag, kontent, dan end tag.
Jika sebuah dokumen HTML sudah jadi, bagaimana selanjutnya ?, aplikasi apa yang diperlukan untuk membuka dokumen ini ?
Simple sekali, hanya diperlukan web browser untuk membuka atau membacanya. Web browser nya bebas, bisa Chrome, Edge, Firefox, Safari dll.
Jadi, fungsi web browser disini adalah untuk membaca dokumen HTML dan menampilkannya secara benar. Tag yang kita tulis dalam dokumen HTML tidak akan di tampilkan oleh browser, namun browser hanya menggunakan tag ini untuk menentukan bagaimana sebuah dokumen akan ditampilkan.
Contoh dokumen HTML diatas, jika kita buka hasilnya akan seperti ini :
| Prev. Chapter | Next Chapter |
|---|---|
| ..... | EDITOR HTML |
Tidak ada komentar:
Posting Komentar