Belajar HTML Part 1: Pengertian HTML Serta Pengenalan Dasar HTML


Belajar HTML Part 1 - 
Bagi yang berkeinginan menjadi web developer mempelajari bahasa HTML merupakan hal wajib karna HTML sendiri merupakan bahasa yang sangat dasar untuk membuat website.

Mungkin HTML sudah tidak asing lagi buat kamu karna saya yakin kamu sudah pernah mendengar HTML sebelumnya. Tetapi tidak ada salahnya jika anda membaca kembali di artikel saya hari ini.

Di artikel ini saya akan membahas HML dari nol hingga kamu bisa membuat halaman HTML sendiri.


Apa itu HTML?

HTML atau HyperText Markup Language merupakan sebuah bahasa markah atau Dasar untuk membuat halaman web lebih jelasnya begini:

HTML sendiri merupakan sebuah bahasa yang menggunakan markup atau penanda yang disebut dengan TAG untuk membuat halaman web.

Peran HTML sendiri yaitu untuk menentukan struktur konten dan tampilan dari sebuah web, kalo belum paham, istilah nya begini:

"HTML itu seperti batu bata untuk membangun rumah, Batu bata ini dapat disusun, hingga menjadi fondasi dasar."

Namun dalam membuat halaman pada suatu website, kita butuh pelengkap HTML. yakni CSS dan Javascript, belum ngerti? Oke jadi gini:

"kalo HTML tadi adalah batu bata, maka CSS dan Javascrypt adalah semen dan Cat buat menguliti dan mewarnai batu bata tadi supaya terlihat lebih cantik dan rapi"


Jadi lesimpulannya CSS adalah bahasa khusus digunakan untuk memper cantik tampilan web.

Lalu Javascript bertugas untuk membuat halaman web menjadi hidup. Karena dengan Javascript, kita dapat menentukan fungsi-fungsi maupun efek yang akan diterapkan di website.

Tetapi di artikel ini saya akan fokus dulu membahas HTML. Untuk torial belajar CSS dan Javascript saya akan membahasnya di lain waktu.

Saya anggap kamu sudah paham tentang apa itu HTML serta peranannya dalam pembuatan web.

Sekarang saya akan memberi tahu versi-versi HTML, dari persi yang paling tua hingga versi yang paling muda, berikut macam-macam versi HTML:


Perkembangan dan Versi HTML

[Draft] HTML 1.0 (Juni 1993) adalah versi HTML pertama, namun tidak resmi dirilis;

HTML 2.0 (24 November 1995) adalah versi HTML kedua yang resmi pertamakali beredar di pasaran dan dirilis oleh IETF;

[Draft] HTML 3.0 (28 Maret 1995) versi ini gagal beredar, karena banyak perubahan yang memicu perdebatan;

HTML 3.2 (14 Januari 1997) versi resmi yang dirilis W3C pertamakali.

HTML 4.0 (24 April 1998) versi pengembangan dari yang seblumnya;

HTML 4.01 (24 Desember 1999) versi perbaikan dari HTML 4.0;

XHTML 1.0 (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi XML;

XHTML 2.0 (Augustus 2002—Juli 2006) versi kedua dari XHTML;

HTML 5 (28 Oktober 2014) versi html saat ini.


Pasti kamu bingumg dengan kata [draft] karna ada di dalam kurung dan ditulis secara miring, nah sekarang saya akan menjelaskannya, 

Versi [draft] merupakan versi yang tidak resmi dirilis ke pasaran. Bentuknya cuma masih dalam draft speksifikasi saja.

Yang artinya, tidak ada yang menggunakan versi [draft] untuk membuat web. Kenapa? Seperti yang kita ketahui bahwa bahasa HTML yang sering digunakan HTML versi terbaru, yaitu HTML5.


Bahan Yang Diperlukan untuk Belajar HTML

Tentu sebelum kita memulai sesuatu kita harus menyiapkan bahan dan peralatan yang akan digunakan praktik terlebih dahulu, untuk peralatannya sendiri sebagai berikut:

1. Teks Editor untuk praktik HTML

Untuk jenis teks editor yang ingin kamu gunakan untuk menulis kode-kode HTML. Bebas, terserah kamu ingim menggunakan teks editor apapun.

Notepad boleh, Notepad++ juga boleh.

2. Browser

Browser tentu karna nanti browser akan digunakan untuk membuka atau mempertinjau HTML yang sudah kamu kerjakan di teks editor kamu, bisa menggunakan chrome dan browser lainnya terserah kamu aja.


Penjelasan Tag Dalam HTML

Sebelum saya lanjut ke tutorial "Cara Membuat Dokumen HTML" saya akan menjelaskan terlebih dahulu yang dimaksud TAG yang saya sebut tadi di awal artikel.

 jadi begini HTML dimulai dengan tag <html> dan akhiri dengan tag </html> jadi setiap ada tag pembuka wajib ada tag penutup contoh:

<html></html>

<tittle></tittle> 

<h2></h2> 

Gimana sudah mengerti? Kalo sudah so kita lanjut ke tutorial comtoh membuta halaman HTML sendiri


Membuat Dokumen HTML

Supaya apa yang kamu baca dari atas tidak sia-sia sekarang saatnya kamu harus mencoba sendiri membuat dokumen HTML. Caranya sangat mudah.

Sekarang kita mulai dengan membuka teks editor, lalu pastekan kode berikut:

 <!DOCTYPE html> 

<html lang="en"> 

<head>

<title>Belajar HTML Part 01</title> 

</head> 

<body> 

<p>Hello World!</p> 

</body> 

</html>


Lalu kalian simpan ekstensi HTML contoh belajar.html
Jika sudah coba kamu buka atau priview file yang sudah kamu buat tadi maka tampilannya akan begini


Note: buat pengguna Windows, simpanlah nama filenya dengan menggunakan tanda petik "hello-world.html" agar ekstensinya terbaca .html, bukan .txt.
Atau kamu bisa aktifkan fitur show extension pada Windows Explorer, agar bisa tahu ekstensi filenya.
 
Mungkin cukup sekian artikel Belajar HTML Part 1: Pengertian HTML Serta Pengenalan Dasar HTML yang bisa langsung kamu pelajari silahkan tunggu part 2 dan part selanjutnya, sekian semoga bermanfaat!