Pengertian HTML Lengkap

Banyak sekali situs, website atau blog yang membuat artikel atau penjelasan tentang html, dalam segi fungsi dan contohnya.
Disini saya akan berbagi informasi sesuai dengan apa yang saya tahu. Jika memang ada yang kurang jelas dengan pengertian html versi calon desain, anda bisa memcari referensi lain di media online atau buku yang membahas bahasa program dasar yaitu HTML.

Hypertext Markup Language atau disingkat menjadi HTML adalah Sebuah bahasa program dasar untuk pembuatan web. 

Dalam pembuatan sebuah halaman web, bahan dasar atau bahasa yang digunakan adalah HTML, meskipun tampilannya terlihat hampa karena memang html adalah struktur awal terbentuknya sebuah halaman website.

Perlu anda ketahui juga bahasa program seperti CSS, JavaScript, C, C++, php dan lainnya yang tidak akan saya sebut disini karena memang pembahasan ini khusus HTML

Kita bisa uraikan kata dari HTML yaitu:
HyperText yang artinya text biasa namun dapat berfungsi lain, seperti membuat text link yang dapat berpindah dari satu halaman ke halaman lain dengan mengklik text tersebut.
Markup Language yang artinya dalam bahasa html menggunakan kata ( mark ) yang intinya untuk menandai bagian-bagian dari text seperti menandai text yang berada di antara tanda tertentu untuk menjadi tebal, miring dan besar, hal ini dinamakan tag html.
Saat ini, versi terbaru dari HTML ialah HTML yang berisi fitur baru, namun tetap membawa mayoritas  html sebelumnya. Seperti namanya yaitu HTML adalah versi html ke 5 dari versi lama yaitu html4.

Untuk bisa menjalankan html, penamaan pada dokumen html harus diberi nama dengan akhiran atau exstensi .htm atau .html .Dokumen html disusun elemen-elemen atau komponen dasar pembentukan HTML seperti contohnya elemen dokumen HTML ialah :
head, body, table, paragraf, list
Untuk membuat elemen yang dibutuhkan dokumen HTML dengan tag:
<html>, <head>, dan <body>. 
Pada elemen head yang berisi indormasi tentang dokument tersebut dan pada elemen body ialah berisi text yang akan ditampilkan pada browser.

Berikut ini adalah struktur dasar untuk pembentukan sebuah halaman web dari sebelumnya HTML4 dan diperbaharui menjadi HTML5 :
Html4:

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

</body>
</html>

Html5

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

</body>
</html>
Pada struktur dasar dari HTML diatas, sedikit tentang penjelasannya dibawah ini:
Tag Head:
Tag Head yang diawali dengan tag pembuka <head> dan tag penutup </head> merupakan tag untuk menuliskan keterangan sebuah dokument yang tidak akan ditampilkan pada browser, seperti contoh dibawah ini:

<head>
<title>Belajar Dasar HTML</title>
</head>

Maka hasilnya akan seperti pada gambar dibawah ini:
Tag title yang berada didalam Tag <head> merupakan tag yang digunakan untuk menuliskan judul dokumen HTML tersebut. Alhasil dari tag titile akan menampilkan judul pada windows caption browser seperti gambar diatas.

Tag Body:
Tag Body adalah section dalam dokumen HTML yang akan ditampilkan dalam browser, seperti contoh dibawah ini:


<body>
Belajar Dasar HTML
</body>

Maka yang akan ditampilkan pada browser seperti gambar dibawah ini:

Anda bisa juga menggunakan tag h1, h2, h3, h6, h5, h6 yang berfungsi untuk menandai judul topic atau text yang menujukan tingkat keberartian . Untuk Tag h atau heading ini ada 6 tingkatan yang dimulai dari tag h1(besar) dan tah h6(kecil). Contoh dibawah ini:



<body>
Belajar Dasar HTML

<h1>Belajar Dasar HTML</h1>
<h2>Belajar Dasar HTML</h2>
<h3>Belajar Dasar HTML</h3>
<h4>Belajar Dasar HTML</h4>
<h5>Belajar Dasar HTML</h5>
<h6>Belajar Dasar HTML</h6>
</body>

Maka hasilnya akan seperti pada gambar dibawah ini:
Mungkin sampai disini dulu, nantikan pembahasan selanjutnya tentang Pengertian HTML Lengkap. Pada pertemuan selanjutkan, kita akan membahas Penulisan paragraf pada tag Body.
Semoga bisa bermanfaat.


Terima kasih.