Apa itu html dan Penjelasannya

  • 2 min read
  • Mar 28, 2020
Apa itu html dan Penjelasannya

Hal yang paling mendasar dari sebuah halaman web di internet adalah HTML jadi mau tidak mau kalau ingin membuat web kita harus memulai dari HTML. Sebagaimana yang telah saya paparkan pada artikel sebelumnya bahwa langkah awal untuk membuat web adalah berawal dari HTML.

Apa itu HTML?

Sebelum kita belajar membuat web dengan HTML5, terlebih dahulu kita bahas sebenarnya HTML ini seperti apa. HTML merupakan singkatan dari HyperText Markup Language yang dikembangkan oleh W3C (Word Wide Web Consortium). HTML bukanlah bahasa pemrograman tapi hanya berisi perintah-perintah atau kode tertentu yang disusun dari beberapa tag secara terstruktur. Angka 5 pada judul artikel menunjukkan versi dari HTML tersebut.

Struktur HTML5

Secara garis besar struktur dokumen HTML5 terdiri dari dua bagian yaitu <head> dan <body>. Perlu di ketahui bahwa dari dua bagian penting di atas bagian <head> tidak akan menampilkan apa pada halaman web karena pada bagian ini nantinya akan di simpan beberapa tag yang mengatur titel halaman web. Pada bagian <body> inilah akan menampilkan isi dari halaman web yang kita buat. Dokumen web HTML5 diawali dengan <!DOCTYPE html><html> dan di akhiri dengan </html>.

Berikut ini adalah struktur dasar dari HTML5:

Cara penulisan Tag HTML

Jika kita perhatikan struktur penulisan HTML di atas setiap tag memiliki tag pembuka dan tag penutup. Misalnya tag <head> (disebut tag pembuka) dan tag </head>(disebut tag penutup). Tag penutup ditandai dengan karakter / (slash). Namun ada beberapa tag yang tidak perlu di tambahkan tag penutup misalnya tag <br>(untuk membuat baris baru) dan tag <hr>(untuk membuat garis horizontal).
Untuk cara penulisan dan bagaimana penggunaan tag-tag HTML lainnya akan saya bahas pada artikel tersendiri.

<!DOCTYPE html>
<html>
<head>
<title>Ini adalah titel web HTML5</title>
</head>
<body>
Ini adalah isi web HTML5
</body>
</html>

Latihan membuat halaman web sederhana dengan HTML5

Langkah 1
Buka program text editor (Notepade, Notepade++ jika ada)

Langkah 2
Silahkan copy struktur dasar HTML5 di atas kemudian paste ke Notepade

Langkah 3
Save coding. Caranya sama dengan save dokumen lainnya (Ctrl+S), tapi pada bagian save as type pilih Hyper Text Markup Language File (Jika menggunakan notepade++), All Files (jika menggunakan notepade). Ubah nama file menjadi BelajarHTML5.html

Langkah 4
Buka file BelajarHTML5.html menggunakan web browser dan hasilnya akan seperti gambar berikut:

Akhir kata

HTML adalah dasar dari web programmer dan menjadi dasar sebuah halaman web di internet. HTML tersusun secara terstruktur yang terdiri dari beberapa tag HTML. Demikian artikel Belajar Membuat Web Dengan HTML5 semoga bisa bermanfaat.