Apa itu HTML ?
Pengertian & Fungsi HTML
- HTML adalah kependekan dari HyperText Markup Language
- HTML merupakan suatu bahasa pemrograman standar untuk dokumen yang biasa ditampilkan di browser. Dokumen ini biasa disebut sebagai halaman web.
- Halaman HTML sendiri tersusun oleh elemen-elemen yang mana elemen ini pun disebut sebagai elemen HTML
- Fungsi HTML adalah membentuk rancangan sebuah dokumen yang di-visualisasikan oleh browser sebagai halaman web.
- Didalam dokumen HTML biasanya terdapat bahasa pemrograman lain yaitu CSS dan Javascript untuk membuat tampilan / visualisasi dan fungsi halaman web menjadi lebih maksimal
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Judul halaman</h1>
<p>Paragraf isi halaman.</p>
</body>
</html>Rancangan halaman HTML hanya bisa dilihat dengan cara tertentu. Karena halaman HTML yang ditampilkan dibrowser adalah visualisasi dari dari dokumen HTML tersebut.
Jika menggunakan komputer / laptop, tekan tombol Ctrl + u untuk melihat rancangan html halaman ini. Dan cara tersebut bisa dipakai untuk halaman lainnya.
Keterangan pada contoh halaman HTML :
- <!DOCTYPE html> :
- Kode ini bukan elemen HTML.
- Kode ini selalu ada disetiap dokumen html / halaman web.
- Letaknya selalu dibaris pertama halaman.
- Fungsinya untuk menyatakan jenis dan versi HTML.
- <html> :
- Kode ini adalah elemen HTML utama yang merupakan akar dari sebuah halaman HTML.
- Kode ini berada dibaris ke-2 setelah kode <!DOCTYPE html> sebagai pembuka halaman HTML.
- Kode ini juga sebagai akhir / penutup halaman HTML.
- <html> Sebagai pembuka dan </html> penutup halaman.
Diantara kedua kode tersebut terdapat 2 elemen besar yaitu :- <head> isi elemen head </head>
- <body> isi elemen body </body>
Lihat juga : Susunan template HTML
Tag HTML berasal dari istilah-istilah yang berkaitan dengan office / document dalam bahasa Inggris dengan aturan tertentu.
Misal :
p untuk tag elemen paragraf, img untuk tag elemen image (gambar), b untuk tag elemen teks tebal (bold), dsb.Penulisan HTML
Aturan yang ditentukan dalam penulisan HTML:
- Diawali dengan tag pembuka dan ditutup dengan tag penutup
- Setiap tag, baik itu tag pembuka maupun tag penutup, penulisannya diawali dengan lambang "kurang dari" (less than) : "<" dan ditutup dengan lambang "lebih dari" (greater than) ">"
- Setiap tag penutup terdapat lambang garis miring " / " (slash).
- Setiap pasang tag (1 tag pembuka dan 1 tag penutup) membentuk satu elemen HTML.
Tabel contoh kode HTML Elemen Kode HTML keterangan paragraf <p></p> Membentuk paragraf head <h1></h1> Membentuk judul table <table></table> Membentuk tabel bold <b></b> Membentuk teks tebal unordered list <ul></ul> Membentuk daftar tidak berurutan list item <li></li> Membentuk item dari daftar. Belajar HTML itu menarik dan cukup mudah, yang terkesan ribet dan membingungkan adalah materinya. Karena jika seseorang sudah menguasai HTML atau ilmu apapun itu maka materi tidak lagi memberikan kesan ribet.